学习 react 需要注意什么? 下面本篇文章就来给大家介绍一下在学习 react 时需要注意的几点. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
学习 react 需要注意的几点:
1, 创建 React 组件的时候, 首字母必须要大写, 否则会出错
2, 展开运算符 (...) 运用好时, 可以节省很大的代码开销
3, 新建的 React 组件, 必须先引入 react 包, 否则会报错
4,@符号在 vue-cli 包里面是自动配置好的, 但是在 React 脚手架里面需要自己配置 ->配置完 webpack 记得重启
首先需要运行 NPM run eject 暴露配置选项
然后找到对应的配置选项 alias: 将 '@': paths.appSrc 填入其中, 重启 webpack 服务就可以在引入 (import) 文件的时候使用 @了
5, 使用构造函数创建的 React 组件和使用 class 关键字创建的 React 组件存在一定的异同点:
构造函数创建的组件必须首先引入 React 包, 而使用 class 关键字创建的 React 组件不用(继承的除外)
构造函数的实例方法一般挂在到构造函数的原型对象上, 这样就不用在实例化 (new) 构造函数的时候过多占用内存了(每个实例对象都有改实例方法)
6, 使用 class 关键字创建组件的注意事项:
1class 类必须继承自 React.Component 类,
2在组件内部必须有一个 render 函数 返回值为 jsx 的虚拟 dom 结构
3必须使用 export default 暴露一下此先声明的类
4在 class 组件中如果要使用外接传递过来的参数, 不需要接收, 直接可以使用 this.props 来使用
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/14208.html