json 在React中为标签定义全局值的正确方法是什么？

ijxebb2r 于 2023-02-26 发布在 React

关注(0)|答案(1)|浏览(139)

我试图搜索如何定义一个标签值字典，用于我的React应用程序的所有页面，我不知道哪种是正确的方式或最佳实践。
我在考虑用键-值定义一个JSON：

const MyDictionaryEN:{
    NameHomePage: "Home page",
    LabelName:    "Name"
}
export default MyDictionaryEN;

并且在每个组件中只导入json文件并引用值：

import MyDictionaryEN from "./MyDictionaryEN.json"

 function MyPage() {
   return (
    <div>{MyDictionaryEN.NameHomePage}</div>
   )
 }

这是正确的还是存在更好的方法？

JSON

来源：https://stackoverflow.com/questions/75558765/which-is-the-correct-way-to-define-globals-values-for-labels-in-react

1条答案

按热度按时间

fwzugrvs1#

另一种使用全局变量（或对象）的方法是在窗口对象中添加变量！例如：

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import App from "./App";

window.MyDictionaryEN = {
  NameHomePage: "Home page",
  LabelName: "Name"
};

const rootElement = document.getElementById("root");
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);

那么我就可以在每个组件中访问它：

import "./styles.css";

export default function App() {
  console.log(window.MyDictionaryEN);
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

我不确定这是不是最好的选择，但你可以把它放在其他选择之外。

赞(0）回复(0）举报 2023-02-26

我来回答

json 在React中为标签定义全局值的正确方法是什么？

1条答案

相关问题

热门标签

最新问答