反应有条件地渲染发送道具给孩子
我如何有条件地将道具发送到子组件。前任：
<ProfilePage id={id} name={name} data={data} />
在 ProfilePage 组件中，数据是可选的并相应地处理它。如果数据为空，我不想将道具发送到组件。
理论上像这样：
<ProfilePage id={id} name={name} {if data then data={data}} />
回答
我不确定制作语法的简洁方法，但您可以创建一个空对象，根据条件在那里添加条件道具，然后将它们传播到：
const additionalProps = {};
if (data) {
additionProps.data = data;
}
<ProfilePage id={id} name={name} {...additionalProps} />