hola, estoy tratando de mapear elementos almacenados en mi redux en un formulario. Creé un componente llamado PAYMENT.js que proporciona un formato de cómo se debe organizar el elemento ESTE ES UN PROYECTO REACT

PAGO.JS

 import React from "react"; function Payment({ name, price, count, itemSize }) { return ( <div> <p> {name}, {itemSize}, {count} </p> </div> ); } export default Payment;

Quiero que se mapee en un campo de entrada, este campo sería legible.

Aquí es

 <div class="telephone"> <label for="name"></label> <input className="payment_form" type="text" placeholder="My address" name="telephone" value={items.map((item, id) => ( <Payment id={items.id} key={id} name={item.name} price={item.price} size={item.size} image1={item.image1} itemSize={item.itemSize} count={item.count} /> ))} id="telephone_input" required /> </div>

Obtengo [OBJETO, OBJETO] [OBJETO, OBJETO] en lugar del objeto real. Poner la función de mapa en la etiqueta ap y obtener el valor de los elementos en el redux

 <p> {" "} {items.map((item, id) => ( <Payment id={items.id} key={id} name={item.name} price={item.price} size={item.size} image1={item.image1} itemSize={item.itemSize} count={item.count} /> ))} </p>

SALIDA Von dutch pink, Xtra grande, 1

Von dutch camoeo, extra grande, 2

Von rosa holandés, extra grande, 3

Quiero que esto se muestre en el campo de entrada para poder enviarlo