Soy nuevo en reaccionar y tengo un problema para el que no encontré ninguna solución después de la búsqueda.
Cuando almaceno la matriz de etiquetas html en la variable, obtengo minified React error #31
var k = [1,2,3]; var x = k.map(e=><li>{e}</li>); var e = ( <div> <ul> {1 && {x}} <ul> </div> ); var divTag = document.getElementById("k"); ReactDOM.render(e,divTag)Pero cuando escribo esto no obtengo errores.
var k = [1,2,3]; var x = k.map(e=><li>{e}</li>); var e = ( <div> <ul> {1 && k.map(e=><li>{e}</li>)} <ul> </div> ); var divTag = document.getElementById("k"); ReactDOM.render(e,divTag)Debe eliminar las llaves alrededor de la variable x {1 && {x}} -> {1 && x}
Está definiendo un nuevo objeto que contiene la clave x en lugar de simplemente pasar la matriz para reaccionar
La solución
Reemplace {1 && {x}} con {1 && x}
Debido a que ha envuelto x entre llaves, tiene el error de representación (quería proporcionar la matriz).