使用方括号对参数进行常量反应

Question

我是 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>
};

Answer 1

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

// 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>
};

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