美文网首页
React中的注意点

React中的注意点

作者: 海豚先生的博客 | 来源:发表于2020-06-17 18:12 被阅读0次
  • props是只读属性。
  • input组件中使用默认值,非受控组件
    组件中的constructor中使用this.value = this.props.value
    <input defaultValue={this.value} />
  • return null可以阻止组件渲染
  • key
    只是在兄弟节点之间必须唯一,子组件不能读出 props.key
  • 避免将 props 的值复制给 state
  • constructor函数作用
    初始化state,绑定事件函数,否则不需要
  • 如果shouldComponentUpdate()返回值为 false,则不会调用 componentDidUpdate()
  • 使用 componentDidUpdate 或者 setState 的回调函数(setState(updater, callback)),这两种方式都可以保证在应用更新后触发,建议使用前者。
  return {counter: state.counter + props.step};
});

相关文章

  • React中的注意点

    props是只读属性。 input组件中使用默认值,非受控组件组件中的constructor中使用this.val...

  • React基础篇(六)React中绑定事件的注意点

    本小节讲述在 React 中为 button 设置点击事件的注意点 1 前言 在 React 中,事件的名称都是 ...

  • react中jsx语法注意点。

    1,顶层标签只能有一个 eg:return( test ):这里的div只能有一个根节点,不能有兄弟节点 2,由于...

  • React 的注意点

    1.jsx写HTML代码的时候,如果是html标签首字母必须是小写2.如果是组件,首字母必须大写3.class和f...

  • React 源码 - ReactDOM.render 中注意的点

    概述 本文主要记录一下 React 渲染过程中需要注意的点 注意 ReactDOM 模式[https://zh-h...

  • React 的几个注意点

    受控组件和无状态组件 非受控组件推荐使用受控组件来实现表单. 在受控组件中, 表单数据是有React组件处理如果让...

  • react native 常用命令

    注意:在 Windows 中 gradlew 前面要加 ./ 新建 react native 项目react-na...

  • React注意点总结

    最初使用React时,没有太注意细节,只是会使用,实现功能,当使用一段时间再回过头来看官方文档时发现有些东西原来是...

  • React组件生命周期

    问题 理解React组件的生命周期 知识点 React流程状态图 注意:流程状态图为使用React.createC...

  • Taro开发注意点

    taro 开发注意点: 注意点原因 如果要支持 React Native 端,必须采用 Flex 布局,并且样式选...

网友评论

      本文标题:React中的注意点

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