前端React快速理解

react

     公司要求写前端,只写过后端的我学习了下。前端主要是React和antd。前端业务开发流程,查看设计图->构建一个静态页面(做模拟数据做好JS交互)->使用ajax或者Promise发起异步请求接入后端数据->最后就是样式调整。最开始的时候我花费了不少时间在做静态页面和接入后端数据,熟悉业务代码和接入后端数据后,最后花费时间最多的就是调整样式。

     React是一种JavaScript 框架,React比较重要的知识点有两个,生命周期,组件与组件之间是怎么传输数据。

     基本思路是进入页面时使用comonentDidMount去初次加载后端的数据,如果页面加载完成后和后端还有交互就使用componentWillReceiveProps去接收后端的数据。

     然后说一下组件之间的传递数据问题,这里面需要理解的就是对象的指针,React组件进行数据传递是通过对象来做的。

比如父组件想传递数据到子组件就需要,传递对象或者数据到子组件,子组件使用this.props接收,父组件如果想调用子组件的方法就需要得到子组件这个对象的指针。同理子组件想调父组件方法,就需要得到父组件的对象指针。

     理解了这些后再看下ES6的箭头函数和结构化赋值的语法,学习下antd UI框架的文档,大致上后续的工作就是看文档和开发的流程熟悉了。

     

以上是 前端React快速理解 的全部内容, 来源链接: utcz.com/z/382570.html

回到顶部