antd grid组件使用问题

来源：5-5 ChromeReact插件使用

Grant_Lian

2018-09-20

老师，我从antd网站上面拿下来一个grid组件想用，但是temporal literal里面的代码不转义，在页面上直接显示代码出来，老师我咋解决这个问题图片描述

应该是这样的
图片描述

相关代码：

    const cols = [];
    const colCount = this.colCounts[colCountKey];
    let colCode = '';
    for (let i = 0; i < colCount; i++) {
      cols.push(
        <Col key={i.toString()} span={24 / colCount}>
          <div>Column</div>
        </Col>
      );
      colCode += `  <Col span={${24 / colCount}} />
`;
    }

和

        <pre>{`<Row gutter={${this.gutters[gutterKey]}}>
${colCode}</Row>`}</pre>

地址：
https://ant.design/components/grid/

写回答

1回答

Parry

2018-09-22

已采纳

额，那个一行行添加 Col 只是显示出来演示的啊，

你写还是要写在代码里的，不能动态构建的。

Grant_Lian

非常感谢！

2018-09-30

共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发，React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程

相似问题

老师antd 里面的Input组件通过this.refs.style.color无法设置样式

回答 5

import antd 后输出的 js文件超过建议最大值 244 KiB

回答 1

在ANTD中使用模块化CSS引起样式混乱

回答 2

老师，请问怎么配置antd的主题？

回答 1

引入antd后，使用标签报错

回答 2

打开慕课网App查看更多内容