当我做出选择时，我希望输入字段被填充，并且它们的值被设置为选择的相应值。我应该怎么做呢？
Output Screen
我不能分享完整的代码片段，但这是我选择课程名称的选择框。在选择标题时，作者和类别字段会在前端填充。但当我查看字段的值时，它们不会更新。
完整代码-https://codepen.io/ac5865/pen/dyqoRxR

...
  <select
    name="title"
    validation="Please select title"
    invalid
    required
    onChange={(e) => {
      onInputChange(e);
    }}
  >
    <option>Choose Course</option>
    {users &&
      users.map((item) => (
        <option value={item.id} key={item.id}>
          {item.title}
        </option>
      ))}
  </select>
  <MDBInput
    value={select?.author}
    name="author"
    type="text"
    label="Author"
    onChange={(e) => {
      onInputChange(e);
    }}
    required
    validation="Please select title"
    invalid
  />
  <br />
  <MDBBtn type="submit">Enroll</MDBBtn>
  ...

该值在前端填充，但不会保存在字段中