在React中，是否可以通过组件传递一个道具，并让它作为子组件的道具名称?

Question

我正试图将一个prop从父组件传递到子组件，并让该prop作为具有布尔值的prop名称

。

App.js

<Modal
confirmColor = 'solidPrimary'
/>
OR
<Modal
confirmColor = 'solidSuccess'
/>

所需Modal.js

const Modal = ({
confirmColor
}) => {
return (
<Button
{...confirmColor} // Should pass solidPrimary === true //
/>
)
}

按钮通常会用布尔值呈现，如下所示

<Button
solidPrimary
/>

我尝试了很多不同的方法来实现这个目标，但每次都失败了!

Answer 1

通过问问题并把它打出来帮助我理清了头脑。简单的很。就在提交之后，我想出了我需要的答案

App.js

<Modal
confirmColor={{ solidPrimary: true }}
/>

Modal.js

<button
{...confirmColor}
/>