Reactjs react中选择的问题

我想创建一个血型选择组件选项。我编写代码并在dom上渲染，但它没有显示在浏览器中

这是FindDonor组件

import React，{Component}来自“React”；
类FindDonor扩展组件{
状态={
价值：“按血型寻找供体”
};
handleChange=e=>{
this.setState（{value:e.target.value}）；
};
render（）{
返回(
你好
A+
O+
B+
AB+
A-
O-
B-
AB-
);
}
}
导出默认FindDonor；

主元件代码

应用程序组件代码

---

您可能缺少一个

this.handleChange=this.handleChange.bind（this）构造函数中的code>

从React docs（）中检查此示例：

class-FlavorForm扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={value:'couch'}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
警报（'您最喜欢的口味是：'+this.state.value）；
event.preventDefault（）；
}
render（）{
返回(
选择您最喜欢的口味：
葡萄柚
石灰
椰子
芒果
);
}
}
我认为您需要在
onChange
onChange={（e）=>{this.handleChange（e）}
上传递事件。另外，对于箭头函数，不需要绑定函数


class-FlavorForm扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={value:'couch'}；
}
handleChange=（事件）=>{
this.setState（{value:event.target.value}）；
}
handleSubmit=（事件）=>{
警报（'您最喜欢的口味是：'+this.state.value）；
event.preventDefault（）；
}
render（）{
返回(
选择您最喜欢的口味：
{this.handleChange（e）}}>
葡萄柚
石灰
椰子
芒果
);
}
}
Arrow函数不需要绑定。是的，我不确定，这就是为什么我说“可能”有人能帮我吗？在codesandbox.io上制作一个可共享的图像；调试问题会更容易
class FlavorForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {value: 'coconut'};

    this.handleChange = this.handleChange.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  handleSubmit(event) {
    alert('Your favorite flavor is: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Pick your favorite flavor:
          <select value={this.state.value} onChange={this.handleChange}>
            <option value="grapefruit">Grapefruit</option>
            <option value="lime">Lime</option>
            <option value="coconut">Coconut</option>
            <option value="mango">Mango</option>
          </select>
        </label>
        <input type="submit" value="Submit" />
      </form>
    );
  }
}