小编Chr*_*ert的帖子

解构变量性能

编写之间是否存在性能差异(如果有)

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)

javascript destructuring ecmascript-6 reactjs

11
推荐指数
2
解决办法
2302
查看次数

React Hook钩子会取代类吗?

现在,React终于有了钩子,这最终将成为创建组件的新标准,还是仍然需要创建类组件?

我知道,钩子目前无法完成类可以完成的所有工作。例如,为getSnapshotBeforeUpdate和componentDidCatch提供生命周期方法的挂钩。但是,React团队表示他们计划尽快添加此功能。他们还提到没有计划从React中删除类

因此,当支持所有生命周期方法时,是否有任何理由创建类组件?在这一点上,类仍然比功能组件更好地处理某些情况吗?

reactjs react-hooks

5
推荐指数
1
解决办法
2580
查看次数