Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用API中的文本响应工具提示_Javascript_Reactjs - Fatal编程技术网

Javascript 使用API中的文本响应工具提示

Javascript 使用API中的文本响应工具提示,javascript,reactjs,Javascript,Reactjs,希望这是问这个问题的正确地方 我正在尝试创建一个带有React的网站,我正在对服务器进行API调用,以获取一些我将在我的网站上显示的文本。我希望一些单词可以悬停(工具提示,鼠标光标悬停在单词上,出现一个气泡,里面有文本)。由于我没有直接处理文本,因此无法在文本中添加工具提示 我认为最好的选择是有一个json文件或一个包含所有单词和定义的obj,然后将其应用于网站上的所有文本,这样我就可以在不更改任何代码的情况下添加和删除单词和定义 我一直找不到任何解决方案,我不需要代码或任何东西,只需要提示我要

希望这是问这个问题的正确地方

我正在尝试创建一个带有React的网站,我正在对服务器进行API调用,以获取一些我将在我的网站上显示的文本。我希望一些单词可以悬停(工具提示,鼠标光标悬停在单词上,出现一个气泡,里面有文本)。由于我没有直接处理文本,因此无法在文本中添加工具提示

我认为最好的选择是有一个json文件或一个包含所有单词和定义的obj,然后将其应用于网站上的所有文本,这样我就可以在不更改任何代码的情况下添加和删除单词和定义

我一直找不到任何解决方案,我不需要代码或任何东西,只需要提示我要朝着什么方向去实现这一点

const words = [
  {
    word: Car,
    Content: Drives around,
  },
    {
    word: Road,
    Content: Cars drive on it,
  },
    {
    word: Book,
    Content: Letters and stuff,
  }
]

将单词切换到像这样的对象{Car:'Drives around'},然后您可以使用单词['Cars']轻松地选择内容