编写之间是否存在性能差异(如果有)
const color = props.color;
Run Code Online (Sandbox Code Playgroud)
与
const { color } = props;
Run Code Online (Sandbox Code Playgroud)
另外,如果我们在参数签名中进行结构分解,会获得或失去任何性能?参见example3
我假设在这种情况下example3是编写函数的最佳方法?
功能性反应组件示例:
const example1 = (props) => {
const color = props.color;
// I know I could also just write style={{ color: props.color }}
// but for arguments sake lets say I want to write it like this.
return <h1 style={{ color }}>Hello</h1>;
};
const example2 = (props) => {
const { color } = props;
return <h1 style={{ color }}>Hello</h1>;
};
const example3 = ({ color …Run Code Online (Sandbox Code Playgroud) 现在,React终于有了钩子,这最终将成为创建组件的新标准,还是仍然需要创建类组件?
我知道,钩子目前无法完成类可以完成的所有工作。例如,为getSnapshotBeforeUpdate和componentDidCatch提供生命周期方法的挂钩。但是,React团队表示他们计划尽快添加此功能。他们还提到没有计划从React中删除类。
因此,当支持所有生命周期方法时,是否有任何理由创建类组件?在这一点上,类仍然比功能组件更好地处理某些情况吗?