Estoy tratando de lograr lo siguiente en JSX:

 if (declineButtonMessage) { if (buttonDirection === 'column') { render button 1 } else { render button 2 } }

Tengo esto hasta ahora:

 {declineButtonMessage && ( )}

Y traté de contrabandear esto adentro:

 buttonDirection === 'column' ? <StyledDeclineButton buttonDirection={buttonDirection} title={declineButtonMessage} wide onPress={onSecondaryAction} /> : <SecondaryButton buttonDirection={buttonDirection} title={declineButtonMessage} wide onPress={onSecondaryAction} />

Pero no estaba funcionando y mi linter se estaba volviendo loco. Me imagino que estoy haciendo algún tipo de error de sintaxis JSX