在 React 中修补自动完成

Question

我在修复我的 React 应用程序中的自动完成值时遇到问题。我传递的值只是 id，正如您在我的 codesandbox 中看到的那样 function App({ member_status = 1 })。自动完成需要整个对象来修补它的值。我该如何修补它？

请看下面我的codeandbox

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