有条件地选择要使用的道具

Question

const Component = ({

    const someBoolean 

    return (
          <Component
             prop1
             prop2

我只想在 someBoolean 为真时使用 prop1，否则应该使用 prop2。执行此操作的最佳方法是什么？

所以说 someBoolean 是真的我会

const Component = ({

    const someBoolean 

    return (
          <Component
             prop1

否则我会

const Component = ({

    const someBoolean 

    return (
          <Component
             prop2

Answer 1

const Component = ({

    const prop = someBoolean ? prop1 : prop2 

    return (
          <Component {...prop} />
})

Answer 2

最好的方法是使用三元运算符。我是 React 新手，我相信这是实现条件渲染的方法

const Component = ({

    const someBoolean 

    return (someboolean ? <Component prop1> : <Component prop2>)
})

Answer 3

您可以使用展开运算符。

const Component = ({
    const someBoolean;
    const finalProp = someBoolean ? prop1 : prop2;   

    return (
          <Component {...finalProp} />
    )
})

有条件地选择要使用的道具

Conditionally pick a prop to use

javascript

conditional-statements

reactjs

react-props