antd grid组件使用问题

来源:2-4 express+mongodb基础

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

慕瓜8449030

2018-10-08

因为你用了pre标签把,pre标签就是用来显示代码啊
0
0

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!

1822 学习 · 750 问题

查看课程