Reactjs 如何在react中的代码内指定动态值

我正在使用react-vis网络创建图形。下面是使用react vis网络的语法

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>
);

constmynetwork=（）=>(
);

我想为“id”和“label”分配动态值。我在下面也尝试了没有代码（“）的{n.name}。这两个选项都不起作用

<Network>
{data.Application.map(n => {
  return (
       <Node id ="{n.name}" label="{n.name}" />
          );
            })}
</Network>

{data.Application.map（n=>{
返回(
);
})}

---

有人能告诉我如何将代码中的动态值传递给变量id和label

不起作用吗？没有，id={n.name}不起作用。当我尝试id=“{n.name}”时，该值被视为常量：（对不起，id={n.name}不起作用。我应该早些时候尝试输入typo:(