仅在 ReactJS 上编辑真实的 DOM，以呈现保持真实数字的格式化数字/字符串

问题描述

嗨，我是 ReactJS 的新手，我正在将它与 ReactDataGrid 一起使用，我无法理解如何只更改单元格的真实 dom 值。 我有下表：

我想把价格从“3000000000”改为“300M”。 我有 JS 函数来执行这个，但我不能将它直接应用到 ReactObject 否则我将无法排序或过滤，所以我认为唯一的方法是只编辑 RealDOM。 按照 ReactDataGrid 上的文档，我可以使用 renderRow 访问 ReactNode。但我不知道如何更改真实的 dom 以显示格式化的数字。 代码：

const columns = [
    //{ name: 'shop_vid',header: 'shop_vid',minWidth: 1,defaultFlex: 2 },{ name: 'name',header: 'Name',minWidth: 10,{ name: 'price',header: 'Price',]

const filterValue = [
    { name: 'name',operator: 'contains',type: 'string',value: '' },operator: 'gte',type: 'number',value: 0 },];

const gridStyle = { minHeight: 550 }

const renderRow = ({ data,style }) => {
    const { price } = data
    //formatNumber(price)
  }

class ItemsTable extends Component {
    render() { 
        return (  
            <ReactDataGrid
            idProperty="shop_vid"
            pagination
            defaultFilterValue={filterValue}
            columns={columns}
            dataSource={this.state.items}
            style={gridStyle}
            renderRow={renderRow}
            defaultLimit={10}
            />

        );
    }
}
 
export default ItemsTable;

提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）