Javascript 如何保存componentDidmount方法中声明的选择选项的值

我正在从源代码获取API。这是成功的。但是我想在单击时保存所选选项的值，但是每当我单击它时，它就会显示出来，当我移动到另一个部分并移回该部分后，它就会重置自己。这是我的密码

我有一个带有步骤的登录表单，步骤像->下一步和上一步按钮，只是保存并导航到下一步，直到最后一次输入，然后提交。及 我使用

componentDidmount

方法获取了一个API。它工作得很好，但每当我点击选择下拉选项并选择一个选项时，它就工作了。如果我进入下一步，其他输入将被保存，但不会被保存

//My componentDidmount method

constructor(props) {
        super(props);
        this.state = { 
            skills: null
         };
    }

    fetchSkills = () => {
        fetch('https://my_api_link')
        .then(res => res.json())
        .then(skills => {
            this.setState({
                skills: skills.map(s => s.ssp_skill_name)
            })
        });
    };

    componentDidMount() {
        this.fetchSkills();
    }

//我是如何使用它的
技能：
{this.state.skills&&(
{this.state.skills.map（s=>(
选项键={s}>{s}
))}
)}

//how I used it

<div className="form-group mb-4" style={{maxWidth: "25rem"}}>
      <label htmlFor="skills">Skills:</label>
        {this.state.skills && (
           <select className="form-control email_input">
            {this.state.skills.map(s => (
               option key={s}>{s}</option>
             ))}
         </select>
       )}
   </div>