初学react （一）

1.使用构造函数的目的：

A、通过将对象分配给 this.state 来初始化本地状态

B、用于为组件实例绑定事件处理方法。

eg:

constructor(props) {
  super(props);
  // 这里不能写 this.setState() !
  this.state = { counter: 0 };
  this.handleClick = this.handleClick.bind(this);
}

注：①随着箭头函数的应用 第二个目的便弱化了 

       ②React 组件定义构造函数并不是必须的 若你不需要上面的两种目的完全可以省略不写

2.不能在 componentWillUnmount 中调用 setState() 方法

此方法表示一旦卸载了组件实例，就永远不会再次装载它

注：清除定时器可以写在此方法中

 

3.React 中的 props 是什么?

Props 是组件的输入。它们是单个值或包含一组值的对象，这些值在创建时使用类似于 HTML 标记属性的命名约定传递给组件。它们是从父组件传递到子组件的数据。

Props 的主要目的是提供以下组件功能：

1. 将自定义数据传递到组件。
2. 触发状态更改。
3. 在组件的 render() 方法中通过 this.props.reactProp 使用。

例如，让我们使用 reactProp 属性创建一个元素：

<Element reactProp={'1'} />

然后，reactProp 将成为附加到 React props 对象的属性，该对象最初已存在于使用 React 库创建的所有组件上。

props.reactProp