我正在嘗試構(gòu)建一個輸入表單，該表單將使用 React 鉤子在另一個頁面中顯示提交的值。我可以在控制臺登錄時看到這些值，我正在尋找的是如何將它們附加為 HTML 元素。以下代碼是我工作的簡化版本。const DisplayList = ({ inputs }) => (  <div>    <h3>page 2 (parent component)</h3>    <div>{inputs}</div>  </div>);const AddList = () => {  const onSubmitForm = () => {    console.log(`      First name: ${inputs.firstName}      Last name: ${inputs.lastName}`);  };  const { inputs, handleInputChange, handleSubmit } = InputForm(onSubmitForm);  return (    <div>      <h3>page 1 (child component)</h3>      <form onSubmit={handleSubmit}>        <label>First Name: </label>        <input          type="text"          name="firstName"          onChange={handleInputChange}          value={inputs.firstName || ""}          required        />        <label>Last Name: </label>        <input          type="text"          name="lastName"          onChange={handleInputChange}          value={inputs.lastName || ""}          required        />        <button type="submit">Submit</button>      </form>      <hr />      <DisplayList />    </div>  );};export default AddList;非常感謝提供的任何幫助和指導(dǎo)！這是查看完整代碼的鏈接：代碼沙箱