在上下文菜单上的Ag Grid Enterprise React上使用未转义的'＃'字符

Question

当我在应用程序上使用Ag-Grid上下文菜单时，我在控制台上收到一条消息，提示：

  

[不赞成使用]不赞成在数据URI正文中使用未转义的'＃'字符，并将在M68中于2018年7月左右将其删除。请改用'％23'。有关更多详细信息，请参见https://www.chromestatus.com/features/5656049583390720。

我确实没有收到任何错误，但我担心收到此消息。有人可以更新此消息吗？

这是将this.sate.columnDefs与以下renderframework一起使用的组件：

     <AgGridReact
                        // properties
                        columnDefs={this.state.columnDefs}
                        rowData={consumers.items}
                        animateRows
                        enableColResize
                        enableSorting={true}
                        rowSelection="single"
                        suppressMenuHide={true}
                        enableFilter={true}
                        onCellClicked={this.onCellClicked.bind(this)}
                        onGridReady={this.state.onGridReady}
                        paginationPageSize={10}
                        pagination={true}
                        multiSortKey="ctrl"
                        getContextMenuItems={this.state.getContextMenuItems}
                    />

  columnDefs: [
                {
                    headerName: "",
                    suppressFilter: true,
                    width: 30,
                    cellRendererFramework: function (params) {
                        if (params.data.permissions.length > 0) {
                            return <i className="fa fa-ellipsis-v" />;
                        }
                    }
                },
                {
                    headerName: language.LAST_NAME,
                    field: "person.last_name",
                    enableRowGroup: true,
                    filter: "agSetColumnFilter",
                },
                {
                    headerName: language.FIRST_NAME,
                    field: "person.first_name",
                    enableRowGroup: true,
                    filter: "agSetColumnFilter",
                }
              
               
            ],
            sortingOrder: ["desc", "asc", null],
            getContextMenuItems:          this.getContextMenuItems.bind(this),
            onGridReady: function (params) {

                var sort = [
                    {
                        colId: "person.last_name",
                        sort: "asc"
                    },
                    {
                        colId: "person.first_name",
                        sort: "asc"
                    },
                    {
                        colId: "medical_id",
                        sort: "asc"
                    },
                    {
                        colId: "person.date_of_birth",
                        sort: "asc"
                    }
                ];
                this.gridApi = params.api;
                this.gridApi.setSortModel(sort);
                params.api.sizeColumnsToFit();
            }

  getContextMenuItems(params) {
        let language = languageActions.getLanguage();
        const { props } = this;
        this.setState({
            showActionDiv: false
        });
        var aResult = [];
        params.node.data.permissions.map((permision, index) => {
            let language = languageActions.getLanguage();
            switch (permision) {
                case "Update":
                    aResult.push(
                        {
                            name: language.VIEW_DETAIL,
                            icon: '<span class="fa fa-edit icon-ag-grid"></span>',
                            action: () => {
                                //console.log(this.props);
                                this.props.toggleShowProfile();
                            }
                        }
                    );
                    break;
                case "Read":
                    aResult.push(
                        {
                            name: language.VIEW_SCHEDULE,
                            icon: '<span class="fa fa-calendar icon-ag-grid"></span>',
                            action: () => {
                                this.props.toggleShowScheduledServices();
                            }
                        }
                    );
                    break;
            }
        });
        aResult.push(
            "separator",
            "copy",
            "csvExport",
            "excelExport",
            "autoSizeAll");
        return aResult;
    }