这种写法无法直接用,render函数里面的标签应该是一个还未初始化的实例,而你的这个ListCom 已经被你实例化了,所以应该是要传入一个还没实例化的代码才行,改写成这种形式看看

class ListCom extends React.Component { state = { dataSource: [] } // 获取列表接口 async getList() { console.log('getList') let res = await axios.post(config.common.media) this.setState({ dataSource: res.mediaLibrary || [] }) console.log(this.dataSource, 'res') } render() { return (<List style={{ height: '364px' }} grid={{ gutter: 16, column: 4 }} dataSource={this.state.dataSource} renderItem={item => (<List.Item> <img src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"/> </List.Item>)}/>) } } // 在其它组件的render函数内嵌入 class App extends React.Component { render() { return (<ListCom></ListCom>) } }