reactjs - 如何在反应中的代码中分配动态值

Question

我正在使用 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