javascript - parse - react download

¿No se puede generar un valor booleano en JSX?

Question

Estoy intentando generar un valor booleano dentro de JSX, sin embargo, React lo está evaluando como expresión y no devuelve nada después de que se devuelve el componente.

¿Alguna solución para esto?

Aquí hay un ejemplo

var ipsumText = true;

ReactDOM.render(
  <div>
     Boolean Value:    {ipsumText}
  </div>,
  document.getElementById(''impl'')
);

Solo muestra HTML compilado como

<div data-reactid=".0"><span data-reactid=".0.0">Boolean Value:    </span></div>

EDITAR: Aquí está el enlace de JSBin para el ejemplo http://jsbin.com/nibihodoce/1/edit?html,js,output

EDIT 2: Ya he explorado la alternativa .toString (), sin embargo, ya que estoy iterando sobre una matriz de objetos y un campo particular de ese objeto puede tener un valor de tipo cadena / entero / booleano. La aplicación de .toString () a todos ellos no parece óptima.

Answer 1

Puede convertir un valor booleano en cadena, concatenándolo con una cadena vacía:

var ipsumText = true;

ReactDOM.render(
  <div>
     Boolean Value: {ipsumText + ''''}
  </div>,
  document.getElementById(''impl'')
);

O puede hacerlo, al asignar un valor bool a la variable:

var ipsumText = true + '''';

ReactDOM.render(
  <div>
     Boolean Value: {ipsumText}
  </div>,
  document.getElementById(''impl'')
);

Si su variable no puede tener un valor booleano, debe convertirlo a booleano:

// `ipsumText` variable is `true` now.
var ipsumText = !!''text'';

Answer 2

 Boolean Value:    { ipsumText.toString() }

UPD: o

 Boolean Value:    { String( ipsumText ) }

o

 Boolean Value:    { '''' + ipsumText }

o

 {`Boolean Value: ${ipsumText}`}

o

 Boolean Value:    { JSON.stringify( ipsumText ) }

Prefiero la segunda opción. Universal, rápido, funciona para todos los tipos primitivos: Boolean( smth ) , Number( smth ) .