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}
/>

在 React 中是否可以通过组件传递一个 prop 并让它充当子组件的 prop 名称

1 个答案: