composition.jsx

export const ParentComponent = ({ ...props }) => {
  const name = useState(null);
  const address = useState(null);
  const other = useState(null);
  
  const fields = [name, address, other];

  return (
    <form>
      {fields.map(([field, setField], index) => (
        <input type="text" onChange={e => setField(e.value)} value={field} />
      )}
    </form>
  );
};