antd grid组件使用问题

来源:3-3 实现 TodoList 新增删除功能

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>
写回答

1回答

Dell

2018-09-22

colCode 初始值给一个[]就好了

0
0

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2497 问题

查看课程