Estoy creando un formulario que envía los detalles de envío de un usuario. Sin embargo, me resulta difícil mapear el otro envío en un campo de entrada que es inmutable (solo lectura). Sigo obteniendo esto en el campo de entrada [objeto, objeto] en el navegador. En su lugar, quiero que se muestren los detalles de los objetos.
Aquí hay un fragmento del código.
<div class="telephone"> <label for="name"></label> <input type="text" name="username" value={items.map((item, id) => ( <Payment key={id} name={item.name} price={item.price} itemSize={item.itemSize} count={item.count} /> ))} readonly /> </div>Los tipos de entrada HTML esperan text como value y le está pasando el componente JSX, es por eso que muestra [Objeto, objeto]. No estoy seguro de lo que quiere lograr, pero input type='text' necesita text como value .