React does not recognize the `colStyle` prop on a DOM element. If you intent

本文转载自查看原文 2020-05-23 18:29 3181 React报错/ React

在ant的List组件中，使用了其他组件（可以使用其他组件，但要在合适的位置），应该是在List中的List.Item标签中使用其他组件

 <List grid={{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, }} // itemLayout="vertical" size="large" pagination={{ onChange: page => { console.log(page); }, pageSize: 2 }} dataSource={listData} footer={ <div>
                    <b>ant design</b>
                </div> } renderItem={item => ( <List.Item>
                    <Card hoverable style={{ width: 240 }} cover={<img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />} > <Meta title="Europe Street beat" description="www.instagram.com" />
                    </Card>
                </List.Item> )} />

列表加卡片，就完成了

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 [Ant Design] Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop? devScripts.js:5836 Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop? react-native run-android Starting: Intent Error type 3 Error: Activity class does not exist react使用antd遇见问题记录[antd: Switch] `value` is not validate prop, do you mean `checked` React-Upload在Form表单中报错[antd: Upload] `value` is not a valid prop, do you mean `fileList` - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 解决方案报错：System.NotSupportedException: LINQ to Entities does not recognize the method 【vue】vue +element prop用法 vue error:The template root requires exactly one element. VUE之命令行报错：Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead 解决办法