Fatal编程技术网
  • reactjs/
  • Reactjs 存储下拉选择并从react中的localsSroage加载它（多个下拉列表）

Reactjs 存储下拉选择并从react中的localsSroage加载它（多个下拉列表）

reactjs

Reactjs 存储下拉选择并从react中的localsSroage加载它（多个下拉列表）,reactjs,local-storage,dropdown,react-select,Reactjs,Local Storage,Dropdown,React Select,我想将选择的下拉列表值存储在React with local Storage中，当页面刷新时，该值必须保持不变。我面临的困难是，我有一个未知数量的下拉列表，它依赖于映射一个对象，该对象的值是API的结果 <Col sm={2} xl={5}> <Card className='AV'> <Card.Body> <Card.Text className='content-title ' as='h5'> Select the answers for

我想将选择的下拉列表值存储在React with local Storage中，当页面刷新时，该值必须保持不变。我面临的困难是，我有一个未知数量的下拉列表，它依赖于映射一个对象，该对象的值是API的结果

<Col sm={2} xl={5}>
<Card className='AV'>
<Card.Body>
<Card.Text className='content-title ' as='h5'>
Select the answers for each question you had asked to your client
</Card.Text>

{ Object.entries(this.state.liste).map( ([ke,values]) => { let question=ke
   return (                            
   <div key={ke.id}>
   <div  name = "question"  >
   <h6 className="left">{ke}</h6>
   <div >
         
   < select className="right"  key={values} name = "answer to each question"  onChange={(event) => 
   this.handleChangeaa(question,event)}>
   <option value={this.state.selected} selected disabled hidden>  Not answered </option> 

   {Object.values(values).map(key=>{ console.log('the key of select objects:',key.id)
    return (<option  key={key.id} id={key}>{key}</option>) })}
    </select>
     </div>            
          
     </div>
     </div>) }) }
    <button className='button' onClick={this.createdecision}>   Create a new decision maker </button
     </Card.Body>
     </Card>
     </Col> 


为您向客户提出的每个问题选择答案
{Object.entries（this.state.liste）.map（[ke，values]）=>{let question=ke
报税表（
{ke}