随笔分类 - React
高阶函数和函数柯里化处理React中受控组件state传值
摘要:一,高阶函数 <body> <div id="example"></div> <script type="text/babel"> class Demo extends React.Component{ state = { userName: '', password: '' } render(){
阅读全文
React之非受控组件和受控组件
摘要:一,非受控组件 表单中的数据在需要的时候“现用现取”(通过ref获得到节点,进而访问到value) 受控指的是受到状态state的控制 使用ref属性 <body> <div id="test"></div> <script type="text/babel"> class Demo extends
阅读全文
React之事件处理
摘要:一,总结 1,React通过onXxx属性指定事件处理函数 React通过自定义(合成)事件,而不是使用原生DOM事件,目的为了更好的兼容性,适用于IE9及以上 React中的事件是通过事件委托方式(冒泡)处理的(委托给组件最外层的元素) 2,通过event.target得到发生事件的DOM元素对象
阅读全文
函数式组件使用props
摘要:<script type="text/babel"> function Demo(props){ const {name, age, sex} = props return ( <div> <ul> <li>{name}</li> <li>{age}</li> <li>{sex}</li> </ul
阅读全文
React三大属性state使用(涉及this指向问题)
摘要:1,https://juejin.cn/post/7001645745594400776 类式组件中的构造器完全可以省略 若写了构造器,super必须调用 需要在构造器中通过this.props访问,那么props必须传值给super <script type="text/babel"> class
阅读全文
React环境搭建
摘要:记录下https://juejin.cn/post/6844903764432797703 在项目路径下安装: npm install redux --save npm install react-thunk --save npm install react-redux --save
阅读全文