paz mis amigos

entonces tengo un componente en reaccionar que contiene aprox. 12 constantes como las siguientes:

 const postsOffCountry = <td>{props.posts.map((post => {return <input key={post.ref} defaultValue={post.oland} className={post.ref} onBlur={(event) => props.variables.setOffCountry(event.target.value)}></input>}))}</td>;

y los estoy representando de la siguiente manera:

 return ( <> <tbody> <tr onClick={(e) => console.log(e.target.value)}> <td>{postsRef}</td> <td>{postsOpInf}</td> <td>{postsState}</td> <td>{postsInf}</td> {/* <td>{postsLoadingDate}</td> */} <td>{postsLoadingCountry}</td> <td>{postsLoadingZip}</td> <td>{postsLoadingCity}</td> {/* <td>{postsOffDate}</td> */} <td>{postsOffCountry}</td> <td>{postsOffZip}</td> <td>{postsOffCity}</td> <td>{postsCustomerClearence}</td> <td>{postsPalNumber}</td> <td>{postsOrganiser}</td> <td>{postsUpdateButton}</td> <td>{postsMailButton}</td> </tr> </tbody> </> );

mi problema es cómo puedo seleccionar todos los valores de los campos de entrada y configurarlos en su variable useState correcta que se pasa del componente principal con accesorios. (por ejemplo, props.variables.setOffCity());

¡He estado atascado en esto durante días ahora, cualquier ayuda sería muy apreciada!