美文网首页
react复习

react复习

作者: 参商_70a0 | 来源:发表于2019-10-08 09:56 被阅读0次

1.改变state的数据需要this.setState
2.方法中用到this时需要注意this指向,必要时bind(this)
3.js表达式需要用{}包裹
4.方法中传递参数可使用onClick={this.handleItemDelete.bind(this,index)}
5.react中的state要尽量保证不变
6.JSX中注释可使用{/* */}
7.子组件调用父组件,父组件将函数传递给子组件就行。
8.react的ref有两种写法
this.myRef = React.createRef();
inputValue:this.myRef.current.value

ref={ ( myRef ) => { this.myRef = myRef } }
inputValue:this.myRef.value
有事DOM操作会因为setState更新不及时而出现问题,这时候可以将操作放在setState的第二个方法中。
9.ajax请求可以放入componentDidMount或者componentDidUpdate里面去,但是componentDidUpdate要注意避免循环渲染。

相关文章

  • react复习

    1.改变state的数据需要this.setState2.方法中用到this时需要注意this指向,必要时bind...

  • react 复习

    一.jsx 二.函数式组件 三.类式组件 四.组件实例三大属性state 五.组件实例三大属性props 1.类式...

  • 浅谈React Fiber

    背景 前段时间准备前端招聘事项,复习前端React相关知识;复习React16新的生命周期:弃用了componen...

  • 解读 React Fiber

    背景 前段时间准备前端招聘事项,复习前端React相关知识;复习React16新的生命周期:弃用了componen...

  • React 知识复习

    今天重新看了一遍 React 的官方文档,复习下我所知的 React。 零星的知识点 引用 react 和 rea...

  • React入门(一)

    React 一. js复习 重新理解javascript(适合快速浏览复习闭包等基础的js知识)。快速复习js特性...

  • react 小记

    时隔半年,再次复习一下react 刚刚自己画了个react生命周期图,简版: 顺便画了个react 技术栈的思维导...

  • React生命周期

    小白第一次接触react,看完教程后总结下便于以后复习,哪有不对的地方还请大佬指出 先上张react生命周期的图 ...

  • React扩展之复习总结

    1. setState setState更新状态的2种写法 2. lazyLoad 路由组件的lazyLoad 3...

  • HTML5 这些你全知道吗?

    今天心情烦躁,搭建个论坛各种失败,Laravel、React也学不进去,于是就复习复习学过的。记录一下很少用的东西...

网友评论

      本文标题:react复习

      本文链接:https://www.haomeiwen.com/subject/fxmquctx.html