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 的主要目的是提供以下组件功能:
- 将自定义数据传递到组件。
- 触发状态更改。
- 在组件的
render()
方法中通过this.props.reactProp
使用。
例如,让我们使用 reactProp
属性创建一个元素:
<Element reactProp={'1'} />
然后,reactProp
将成为附加到 React props 对象的属性,该对象最初已存在于使用 React 库创建的所有组件上。
props.reactProp