如何解决如何将道具列,值等转移到自定义编辑器?
我想将props(值,列,...)传递给react-data-grid中的自定义编辑器。定制编辑器是@ material-ui的Slider。 API的各种必要方法已实现。但是我无法从react-data-grid获取道具。 谢谢!!
我的代码 //滑块gridrangevalue.js
import React,{ Component } from "react"
import ReactDOM from "react-dom"
import Slider from "@material-ui/core/Slider"
class GridRangeValues extends Component {
getInputNode() {
return ReactDOM.findDOMNode(this)
}
onChange = (event,new_value) => {
console.log(this.props.column.key)
this.setState({
value: new_value,})
}
getValue() {
//console.log(this.props.column.key)
let update = {}
update[this.props.column.key] = this.state.value
return update
}
render() {
return (
<Slider
step={25}
min={0}
max={100}
aria-labelledby="discrete-slider"
valueLabelDisplay="on"
marks={true}
value={this.state.value}
onChange={this.onChange}
getAriaValueText={this.display_value}
/>
)
}
}
export default GridRangeValues
// Grid.js
const measureTypeEditor = <DropDownEditor options={measureTypes} />
const SliderEditor = React.forwardRef((props,ref) => (
<GridRangeValues ref={ref} {...props} />
))
....
const columns = [
{
key: "measure",name: "Measure",editor: measureTypeEditor,resizable: true,editable: true,},{
key: "value",name: "Value",editable: false,editor: SliderEditor,]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。