内部函数访问props + React函数组件的变量所需的参数

function MyComponent(props) {
  function internalFunction() {
    // 可以在内部函数中访问props属性
    console.log(props);
  }

  return (
    <div>
      <button onClick={internalFunction}>Click</button>
    </div>
  );
}

function MyComponent(props) {
  const internalFunction = () => {
    // 可以在内部函数中访问props属性
    console.log(props);
  };

  return (
    <div>
      <button onClick={internalFunction}>Click</button>
    </div>
  );
}

function MyComponent(props) {
  const { count } = props;

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
}

function App() {
  const count = 10;

  return (
    <div>
      <MyComponent count={count} />
    </div>
  );
}