我在React中创建了一个SelectBox组件,希望其他开发人员能够重复使用。每次重用该组件时,SelectBox将具有相同的选项,但我希望开发人员在onChange事件上拥有自己的自定义事件处理程序。
我的代码如下所示:
class SelectBox extends React.Component {
updateOutput() {
}
render() {
return (
<div className="select-wrap">
<select onChange={this.updateOutput}>
<option value="one">ONE</option>
<option value="two">TWO</option>
<option value="three">THREE</option>
</select>
</div>
);
}
}
ReactDOM.render( <SelectBox />, document.querySelector( '#main' ) );
我希望你能以抽象类的概念实现,即类的实现取决于继承它的人。
上面的例子中,我想让开发者使用
<SelectBox />
并实现自己的updateOutput()
方法,该如何实现呢?