javascript - React 的 list.map() 语法中的多个标记

Question

我有以下代码:

return (
    </React.Fragment>
        ...
        <div className="col-md-6">
            {firstHalfy1.map(month => (<Field key={month.id} {...month}/>))}
        </div>        
    </React.Fragment>
);

我想在组件后添加另一个标签/功能组件，但语法似乎不起作用。理想情况下，我想要这样的东西:

{firstHalfy1.map(month => (<Field/><Component2/>))}

这种语法是否可行，因为我试图在每次输入(字段)后呈现一个按钮(Component2)？

谢谢!

Answer 1

{firstHalfy1.map(month => (<div key={your key}><Field/><Component2/></div>))}

您需要对这些组件进行包装，例如 div 或 React.Fragment。另外，您每个月都需要一把 key 。