如何将变量导出到另一个文件？

Question

const ForgotPassword = ({ ...others }) => {
  const theme = useTheme();
  const { token } = useParams()

  const handleSubmit = async(values) => {
    console.log('load')
    try {
      const response = await axios.post(`http://localhost:3001/auth/reset/${token}`, {
        password: values.password
      });
      if (response.data.msg === 'Password reset token is invalid or has expired') {
        console.log(response)
      } else {
        // success message
      }
    } catch (err) {
      console.error(err);
      console.log("Something went wrong. Please try again later.")
    }
    console.log('not load')
  };


  return (
    //...Content...
  );
};

export default ForgotPassword;

我需要导出令牌以在其他文件中使用怎么办？
我这样试过

export const token = useParams().token;

export const Token  = token 

ETC..

我是新手，谁能告诉我如何导出token ？

Answer 1

您不能直接导出token ，因为它是一个局部变量，无法在您的应用程序启动时导出。 根据需要访问token的位置，您可以将其传递给带有 prop 的子组件。 如果这适合您的用例，这将是最简单的方法。

如果您需要从相邻或父组件访问数据，您可以设置一个应用程序商店并从父组件访问它。 像React Redux这样的东西会为你做这件事。 查看React Redux 快速入门页面，了解其工作原理的详细信息。 这是我的首选方法，但您也可以使用React Context而不是外部库来完成相同的任务。