reactjs - 如何在反应中的代码中分配动态值
问题描述
我正在使用 react-vis-network 创建图表。下面是使用 react-vis-network 的语法。
const MyNetwork = () => (
<Network>
<Node id='vader' label='Darth Vader' decorator={Decorator} />
<Node id='luke' label='Luke Skywalker' decorator={Decorator} />
<Node id='leia' label='Leia Organa' decorator={Decorator} />
<Edge id='1' from='vader' to='luke' />
<Edge id='1' from='vader' to='leia' />
</Network>
);
我想为“id”和“label”分配动态值。我在下面也试过 {n.name} 没有代码(“)。这两个选项都不起作用。
<Network>
{data.Application.map(n => {
return (
<Node id ="{n.name}" label="{n.name}" />
);
})}
</Network>
有人可以建议我如何将代码中的动态值传递给变量 id 和 label
解决方案
推荐阅读
- flutter - 为什么我的应用程序(使用 ChangeNotifierProvider 开发)更新时会延迟一级?
- shopify - 如何在 Shopify 发送的电话中编辑收件人号码通知?
- php - 合并单元格的 Phpspreadsheet ods 问题
- javascript - Vue JS - 在模板之前渲染 getter
- swiftui - 选取器中所选项目的背景
- php - 我试图运行一个现有的 laravel 项目。但是在作曲家更新期间,我收到了这个错误:
- php - php中“!print(“1”)|| 1”的意外行为
- python - 代码不执行人脸检测和识别任务
- azure - Azure QnA Maker Managed(预览版) - 仅在收到来自机器人的响应时显示长答案
- ios - Firebase Auth 链接提供商 Google 登录问题?