Ext React 渲染器函数如果抛出下面的错误，我想使用渲染器将记录中的两个字段组合为一个列

Question

<Grid store={store}>
    <Column
        text='Dispatch and Receipt Locations'
        flex={1]
        renderer={(value, record) => {
        return record.get('DispatchLocation') + ' to ' + record.get('ReceiptLocation')
        }}
    />
</Grid>

我收到以下错误：

Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.renderercell at
Object.create (ext.js:11776) at constructor.createCell (ext.js:82542) at
constructor.insertColumn (ext.js:82429) at constructor.addColumn (ext.js:82405) at
constructor.onAdded (ext.js:82401) at constructor.doAdd (ext.js:41374) at
constructor.add (ext.js:41339) at constructor.addDataItem (ext.js:70703) at
constructor.callParent (ext.js:10561) at constructor.addDataItem (ext.js:71606)

Answer 1

需要在webpack.config.js中引入renderercell包，需要导入

packages: ['ext-react-renderercell'],

或在 Ext-React > 6 中：

packages: ['renderercell']

Ext React 渲染器函数如果抛出下面的错误，我想使用渲染器将记录中的两个字段组合为一个列

The Ext React renderer function if throwing the error below, I want to combine two fields from the record as a single column using the renderer

extjs

reactjs

extreact