Necesito configurar dos si con React este es mi código:
<div> {item?.status === "One" || (item?.status === "Two" && ( <Button btn="primary" title="One text" /> ))} <Button btn="primary" title="Two text" /> </div>Necesito renderizar el primer botón si item.status === "Uno" o ( || ) "Dos", pero ¿esto no funciona? ¿Dónde está el problema?
¿Por qué no lo intentas?
<div> {(item?.status === "One" || item?.status === "Two") && ( <Button btn="primary" title="One text" /> )} <Button btn="primary" title="Two text" /> </div>; Había encapsulado (item?.status === "Two" && <Button btn="primary" title="One text" />) lo que puede causar un problema con su lógica.
Arregle su paréntesis para su condición de renderizado. Debe envolver su expresión booleana y la declaración de código como {(boolean expressions) && (code statements)} :
<div> { (item?.status === "One" || item?.status === "Two") && ( <Button btn="primary" title="One text" /> ) } <Button btn="primary" title="Two text" /> </div>La separación de líneas para los paréntesis y las llaves es solo una preferencia estilística mía.