如何解决如何根据键从 React 中的对象数组中获取值
const [analysisData,setAnalysisData] = useState(false);
我正在函数中设置此状态的数据,当我控制台 console.log(analysisData)
时,我得到的输出为
{ID:1,ANALYSIS_NAME : "name1",custodians:"[{\"ID\": 1,\"NAME\": \"abc\"},{\"ID\": 2,\"NAME\": \"xyz\"},{\"ID\": 3,\"NAME\": \"pqr\"}]"
};
const AnalysisList = () => {
return(<div>
<Panel>
{JSON.parse(analysisData.custodians).map((childData) => {
return (
<div>
{console.log(childData.NAME)}
</div>
)}
)}
<Panel>
</div>)
}
export default AnalysisList
如何显示。请帮忙
解决方法
因为 analysisData
的初始值为 false。所以 JSON.parse(analysisData.custodians)
是返回 undefined
并且地图将不起作用。
您可以选择链接来检查回报:
{JSON.parse(analysisData.custodians)?.map((childData) => {
return (
<div>
{console.log(childData.NAME)}
</div>
)}
)}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。