当前位置:   article > 正文

React 语法一:React.createClass()、ReactDOM.render()、props、state和componentDidMount()_react render 中 props 与 componentdidmount 中的props

react render 中 props 与 componentdidmount 中的props

初级语法

React.createClass()

  1. 为了创建一个 react 组件,我们在 react 中使用 React.createClass() 方法。

    1. render() 对于 react 组件来说是唯一必要的方法。
  2. 另外一种定义 react 组件的方式是使用 ES6继承,具体语法为 class ProductList extends React.Component {}ProductList 是新建的 react 组件。

  3. 原生的 HTML 元素标签名时常是以小写字母开头的,但在 react 组件中,react 组件名通常是以大写字母开头的。
  4. 组件中的 this 将被绑定在 react 组件类。

ReactDOM.render()

  1. 语法:ReactDOM.render([what], [where]);

props

  1. react 中,我们通过 props 把数据从父级流向子级

  2. 我们申明的 props 中,key 这个 prop 不是被我们的组件内部方法使用的,而是将被用于react 框架的。而且对于每个 react 组件来说,这个属性的值必须是独一无二的。

  3. 一般来说,props 不被子组件持有,而是被它的父组件所持有。

state

  1. 鉴于 props不可变的,并且隶属于父级组件,所以 react 就创建了 state 。它首先是可变的,并且隶属于组件本身。

  2. 这个属性本身能够通过 this.setState() 方法来将最新的 state 属性值更新到组件中去。当 state 更新组件的时候,组件会自我重新渲染。

  3. 为了告诉 react ,我们的组件是状态化的,我们将定义 getInitialState() 函数,该函数定义了组件中各个 state 的初始值,并且返回一个非 false 的值。

  4. 就像 render() 方法一样,在 react 组件中 getInitialState() 是一个特别的方法,它是几个生命周期的方法中的一个。在组件的生命周期中,它将只被执行一次

componentDidMount()

  1. 它也是几个生命周期的方法中的一个。这个方法将在组件完全渲染完毕之后执行。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/码创造者/article/detail/857462
推荐阅读
相关标签
  

闽ICP备14008679号