My App

工具箱里的另一个工具

在现代 React 中,组件只是方程的一半。我们还需要学习如何使用 hooks!Hooks 让我们“钩入” React 内部,以便处理副作用、捕获元素引用和优化性能。

更正:此视频的最后片段错误地在函数组件中使用了 this 。对造成的任何混淆表示歉意!代码应该是:

function Button({ children }) {
  const [hi, setHi] = React.useState(5);
 
  function handleClick(event) {
    console.log("Clicked!");
    setHi(hi + 1);
  }
 
  return (
    <button onClick={handleClick}>
      {children}
    </button>
  );
}