React Js -使用外部变量到达内部函数

function MyComponent(props) {
  const externalVariable = props.externalVariable;

  function internalFunction() {
    // 在这里可以使用 externalVariable
  }

  // 其他组件渲染逻辑
}

function MyComponent() {
  const externalVariable = '外部变量';

  useEffect(() => {
    function internalFunction() {
      // 在这里可以使用 externalVariable
    }

    internalFunction();
  }, []);

  // 其他组件渲染逻辑
}

const ExternalVariableContext = React.createContext();

function MyComponent() {
  const externalVariable = '外部变量';

  function InternalComponent() {
    const variable = useContext(ExternalVariableContext);
    // 在这里可以使用 variable，它等于 externalVariable
    // 或者可以直接使用 externalVariable

    return <div>...</div>;
  }

  return (
    <ExternalVariableContext.Provider value={externalVariable}>
      <InternalComponent />
    </ExternalVariableContext.Provider>
  );
}