Reactjs KendoReact网格复选框过滤器

kendo react grid中包含GridColumnMenuCheckboxFilter组件，以提供一个复选框列表来过滤列数据。但是，本文档仅说明如何将其用于硬编码数据。是否可以使用网格组件数据来填充复选框过滤器

网格：

列菜单：

import * as React from 'react';
import { GridColumnMenuCheckboxFilter } from '@progress/kendo-react-grid';
import products from './products.json';

export class ColumnMenu extends React.Component {
    render() {
        return (
            <div>
                <GridColumnMenuCheckboxFilter {...this.props} data={products} expanded={true} searchBox={()=> null} />
            </div>
        );
    }
}

import * as React from 'react';
import {
    GridColumnMenuCheckboxFilter
} from '@progress/kendo-react-grid';

export class ColumnMenu extends React.Component {
    render() {
        return (
            <div>
                <GridColumnMenuCheckboxFilter {...this.props} data={this.props.data} expanded={true} searchBox={()=> null}/>
            </div>
        );
    }
}

import*as React from'React'；
从“@progress/kendo react grid”导入{GridColumnMenuCheckboxFilter}；
从“/products.json”导入产品；
导出类列菜单扩展了React.Component{
render（）{
返回(
null}/>
);
}
}

是，您可以根据论坛帖子将数据作为道具传递到ColumnMenu：

列菜单：

import * as React from 'react';
import { GridColumnMenuCheckboxFilter } from '@progress/kendo-react-grid';
import products from './products.json';

export class ColumnMenu extends React.Component {
    render() {
        return (
            <div>
                <GridColumnMenuCheckboxFilter {...this.props} data={products} expanded={true} searchBox={()=> null} />
            </div>
        );
    }
}

import * as React from 'react';
import {
    GridColumnMenuCheckboxFilter
} from '@progress/kendo-react-grid';

export class ColumnMenu extends React.Component {
    render() {
        return (
            <div>
                <GridColumnMenuCheckboxFilter {...this.props} data={this.props.data} expanded={true} searchBox={()=> null}/>
            </div>
        );
    }
}

import*as React from'React'；
进口{
GridColumnMenuCheckboxFilter
}来自“@progress/kendo react grid”；
导出类列菜单扩展了React.Component{
render（）{
返回(
null}/>
);
}
}

网格：

MyColumnMenu=（道具）=>
render（）{
返回(
);
}