reactjs - 你能给 React 中的 <> 空元素添加属性吗？

Question

谁能解释一下 <>在 React 中，它是一个 div 或什么，我看到它在设计上基本上是不同的，我可以向它添加一个属性，例如，如果你正在迭代它并想要添加所需的索引，我该怎么做？

是这样的吗？

todos.map((t, i), => <key={i}>{t.name}</>)

Answer 1

他们是 Fragments:你可以使用 <React.Fragment key={item.id}>而不是 <>

function Glossary(props) {
  return (
    <div>
      {props.items.map(item => (
        // Without the `key`, React will fire a key warning
        <React.Fragment key={item.id}>
          <dt>{item.term}</dt>
          <dd>{item.description}</dd>
        </React.Fragment>
      ))}
    </div>
  );
}