<MyComponent something={somethingIsTrue} /> ¿Cómo agregar something como accesorio a MyComponent si somethingIsTrue ? Todavía no querría algo = indefinido o something=false porque todavía se agregó a MyComponent. quiero que sea
no añadido como apoyo
si somethingIsTrue es verdadero es falso.
Todavía tengo que probar esto, pero algo como esto debería hacer el truco.
const conditionalProps = shouldHaveProps ? {something: somethingIsTrue} : {}; <MyComponent {...conditionalProps} />Puede utilizar la expresión dinámica en JSX para obtener el resultado deseado.
<MyComponent {...(somethingIsTrue ? {something:somethingIsTrue} : {})}/>1) Puedes hacer como:
Demo en vivo
const something = true; const props = something ? { something: something } : null; return <MyComponent {...props} />; 2) Puede alternar el componente con el argumento de paso si something es truthy
Demo en vivo
const something = true; return something ? <MyComponent something={something} /> : <MyComponent />;