使用方括号将常量与参数反应答案

【问题标题】：React constant with parameters using square brackets使用方括号将常量与参数反应
【发布时间】：2020-05-10 22:29:42
【问题描述】：

我是 React 新手。

我有下面的代码和一个函数，但是当我运行它时，它返回一个错误：

TypeError: renderJson[item.node] 不是函数。

如何修复renderJson 功能？

export const readItem = item => {
  printlog(item);

  return renderJson[item.node](item);
};

const renderJson = {
  "heading": item => <h1>{item.map(item => readItem(item))}</h1>
};

【问题讨论】：

您的renderJson 不是函数。它不接受任何参数。您已将 renderJson 声明为变量
您能否提供一些可以提供帮助的其他信息。你到底想做什么？

标签： function optional-parameters brackets cons

【解决方案1】：

如果您尝试创建一个接收 JSON 并将 JSON 中的项目作为标头输出的单个 React 功能组件，它会更像这样：

// If you're getting this JSON from an external source using something like a GET request, put the request inside a "useEffect()" hook

const myJson = {
       "heading": ["My First Header", "My Second Header"] 
};

export const Header = () => {

  console.log(myJson);

  return <h1>{myJson.heading.map(header => header}</h1>

};

如果这是对您的问题的误解，我深表歉意。如果是这样，任何其他详细信息都会有所帮助。

【讨论】：