在React中修补自动完成

Question

我在React App中修补AutoComplete的值时遇到问题。我传递的值只是id，正如您在我的代码和框中看到的function App({ member_status = 1 })一样。自动完成功能需要整个对象来修补其值。我该如何打补丁？

请在下面查看我的代码和框

CLICK HERE

代码

function App({ member_status = 1 }) 

initialValues={{
   member_status: member_status
}}

Answer 1

您需要通过选择选项将初始值设置为对象

initialValues={{
  member_status: memberStatuses.find((x) => x.id === member_status)
}}

Demo