通过增加组件item的时候,改变状态,增加一个数组
siderItemChange([...items,{key:nanoid(),label:{add}}])
React组件代码如下
<Menu
mode="inline"
style={{
height: '100%',
borderRight: 0,
}}
>
{siderItem.map((item) => {
return(
<Menu.Item key={item.key}>
{item.label}
<Button onChange={deleteSiderItem} type="primary" danger size='small'>删除</Button>
</Menu.Item>
)
})}
</Menu>
在上面的示例中,我们将字符串存储在名为 myVariable 的变量中,并将其直接用作
但是,label:{add} 是一个对象时,问题就开始了。 React 无法告诉在提供对象时要渲染什么,因此尝试这样做时会弹出 Invariant Violation 错误。因此应该改成
siderItemChange([...items,{key:nanoid(),label:add}])