Todavía estoy aprendiendo a reaccionar, así que esto puede deberse a que todavía no entiendo completamente lo que estoy haciendo. El campo formattedText es solo un texto temporal que el usuario crea con solo hacer clic en un botón. Quiero crear un historial de ejecución de este campo, así que creé historyText.

function App() { const [formattedText, setFormattedText] = useState([]); const [historyText, setHistoryText] = useState([]); 

En mi acción de hacer clic en el botón, estoy configurando el texto con formato:

 setFormattedText(tempComp); 

Y pensé que podría agregarlo a mi historia:

 setHistoryText(historyText tempComp); 

Pero no funciona, todo lo que obtengo es [object Object],[object Object],[object Object],[object Object],[object Object] como mi salida.

** Aclaración: la razón por la que esto puede parecer extraño porque estoy almacenando html en las cadenas y quería que se mostrara como html. Así es como estoy construyendo tempComp:

 tempComp.push({amp}lt;p{amp}gt;{amp}lt;b{amp}gt;{dResult[y].dp5}{amp}lt;/b{amp}gt;{amp}lt;/p{amp}gt;); 

Las diferentes líneas tienen un formato diferente, por lo que no podría usar una división para agregar un {amp}lt;p{amp}gt; por ejemplo.

Esto sucede porque no está utilizando valores de String sino un Object y la representación de cadena predeterminada de un objeto es solo [object Object] . No estoy totalmente seguro de lo que desea agregar para leer más aquí .

 setHistoryText(historyText tempComp); 

pero tal vez intente console.log los objetos primero, y vea si tal vez console.log la intención de acceder a un atributo

 //other logic console.log(historyText) //do you mean to access a value on the object instead? console.log(tempComp) setHistoryText(historyText tempComp);