Javascript 反应选择不'；不要选择正确的选项

const-App=（项目）=>(
请选择
平方英尺
平方米
);

---

item.space\u size\u uom为“sqft”，但为什么不选择该项目？

您有两个问题。。首先，您的选择

vlaue

需要是

value

const App = ({space_size_uom) => (
  <div>
    <select
      value={space_size_uom || null}
      name="measure"
      className="input square_feet_select"
    >

---

您在

值

和

空格大小计量单位

中有打字错误。此外，您应该解构像

const-App=（{item}）=>…

这样的道具，以便直接在代码中使用

item

更新代码：

const App = ({space_size_uom) => (
  <div>
    <select
      value={space_size_uom || null}
      name="measure"
      className="input square_feet_select"
    >

class App extends Component {
  constructor(props) {
      super(props);
      this.state = { uom: props.space_size_uom};
  }
  render() {
    return (
      <div>
        <select
          value={this.state.uom}
          name="measure"
          className="input square_feet_select"
          onChange={this.handleUomChange}
        >
         ....
     )
   }
}

handleUomChange = (e) => {
    this.setState({uom: e.target.value});
}