我们如何从数据库中检索保存的值以在反应中选择下拉列表？

Question

我正在使用 React 和 Python（后端）构建一个 Web 应用程序

该应用程序有一个标识符字段和几个要填写的下拉列表。该应用程序具有将输入数据保存到带有标识符的数据库的功能，但没有必要首先填写所有输入字段时间。 当用户输入标识符并单击搜索按钮时，它应该从数据库中检索已经输入的值到输入元素，并允许用户从那里继续输入数据。

这是我的下拉列表

import Select from "react-select"

const retDrop_current_value = JSON.parse(localStorage.getItem('retDrop'))

const handleChange_RetDrop_file= (e) => {     console.log(e)    
console.log(JSON.stringify(e))     localStorage.setItem("retDrop",
JSON.stringify(e))     setselected_Retrofit(e.value);   }

<Select className='w-1/4' name='retDrop'           placeholder="Select"           value={retDrop_current_value} // set selected value           options={RetDrop_options}           onChange={handleChange_RetDrop_file} />

RetDrop_options=  [     { "value": "option1", "label": "option1" },    { "value": "option2", "label":"option2" } ]

数据库会将值存储为 **option1 **，一旦检索到，下拉列表应将所选值显示为 option1

我有一个 API 可以从数据库中检索输入

async function retrieveInputs (event)
{

      event.preventDefault()
      const id = identifier 
      await fetch(`http://localhost:5000/getInputs/${id}`)
         .then(resp => resp.json())
         .then(data=>  setfromDatabase(data))
         .then(data=>getData(data))
    
    
         
    }
    console.log(fromDatabase.retDrop) // This is actually getting option1 from database
    localStorage.setItem('contractor_type',fromDatabase.retDrop) // this is not setting the value of dropdown