react定义渲染组件

定义方式:

 1、工厂函数组件 (简单组件)

  (1)、定义组件

  function MyComponent() {

    reutrn <h2>工厂函数组件(简单组件)</h2>

  }

  (2)、渲染组件

  ReactDOM.render(<MyComponent />, document.getElementById('标签id'))

 2、ES6类组件 (复杂组件)

  (1)、定义组件

  class MyComponent2 extends React.Component {  // 在react里有一个属性是Component类

    render() {

      return <h2>ES6类组件 (复杂组件)</h2>

    }

  }

  先创建实例 MyComponent2 再调用 render() 方法

  (2)、渲染组件

  ReactDOM.render(MyComponent2 />, document.getElementById('标签id'))

组件三大属性:

 1、state

  state是组件对象最重要的属性,值是 对象 (可以包含多个数据),通过更新组建的state来更新对应的页面显示内容(即重新渲染)

 2、props

 3、refs与事件处理

原文地址:https://www.cnblogs.com/Z_66/p/15088573.html