在React中的剑道网格内下拉

Question

我想要完成的是在尽可能最好的方式下在网格中有一个下拉菜单。从我在Angular看到的他们可以在模板中完成。在反应中，这是可用的，但不可能使用任何类型的组件。

仅支持“字符串”形式的模板。不支持React组件形式的模板。

有什么更好的方法来做到这一点？

Answer 1

使用最新版本的剑道反应电网，在此基础上演示https://www.telerik.com/kendo-react-ui/components/grid/editing/editing/

这里是如何应用自定义单元格：

<GridColumn cell={this.CommandCell} /> 
... 
class DropDownCell extends GridCell { 
//... 
handleChange(e) { 
    this.props.onChange({ 
     dataItem: this.props.dataItem, 
     field: this.props.field, 
     syntheticEvent: e.syntheticEvent, 
     value: e.target.value 
    }); 
} 
//... 
render() { 
    const value = this.props.dataItem[this.props.field]; 

    if (this.props.dataItem.inEdit) { 
    return (
     <td> 
      <DropDownList 
       //... 
      /> 
     </td> 
    ); 
} 

看到完整的可运行版本在这里：https://stackblitz.com/edit/react-grid-dropdown-editor