小编Rav*_*ven的帖子

项目:

??? img
?   ??? header.jpg
??? index.html
??? js
?   ??? react.js
??? jsx
    ??? header.jsx

header.jsx

var Header = React.createClass({
    render: function() {
        return (
            <img className="header" src="./img/header.jpg" alt="header"/>
        );
    }
});

当我将静态文件(js,css,image)部署到CDN主机时,header.png完整路径将为http:// cdn.com/img/header.jpg ;

但我的项目主机是 http:// example.com,header.jpg无法加载,所以我想找到一种方法来替换src值(例如:./ img/header.jpg - > http: // cdn.com/img/header.jpg)

- - -顺便说说 - - -

希望用gulp来解决这个问题; 我喜欢gulp-assetpaths是在HTML中替换的好方法,但在jsx中不起作用

我想在JSX中插入一些代码；

使用价值道具：

儿童：

<Child value="
var s = 'hello';
console.log(s);
" />

上级：

<div dangerouslySetInnerHTML={this.props.value}>

但是没有换行符。

使用孩子：

儿童：

<Child>
var s = 'hello';
console.log(s);
<Child/>

结果：编译错误

如何解决这个问题呢？