反应钩子，选择传递值

Question

我正在创建一个选择，并在value更改时跟踪selectOption。所以我有

html获得了以下道具：href，active，option。

如果e.active==true中有一个var selectOptions = []; const [content, setContent] = useState(false); const [selectedOption, setSelectedOption] = useState(''); <> <select> {selectOptions.map( (e, index) => { return (<OptionSelect key={index} html={e.html} value={e.href} /> )})} </select> <a href={selectedOption} class='list-of-states-link'></a> </> ，则应从一开始就将其选中，并且锚定href应与所选内容相同。

import React, { Component } from 'react';

 class OptionSelect extends Component {
  render() {
  // add some logic
  return (
   <>
    <option value={this.props.value} >{this.props.html}</option> 

    </>
   );
};
}

export default OptionSelect;

选项选择是一个简单的组件

{{1}}