Question

我有类似jquery的旧项目。我们的团队开始开发新功能，我想在此使用React 0.13。我将脚本放入站点文件夹（react.0.13.min.js，JSXTransformer.js），然后放入我的app.react.js

在这种情况下，我如何编写一些测试代码？我尝试输入：

'use strict';

class Story extends React.Component {
  render() {
    var story = this.props.story;
    return (
      <View>
        <Image uri={story.author.profile_picture.uri} />
        <Text>{story.author.name}</Text>
        <Text>{story.text}</Text>
      </View>
    );
  }
}

从Chrome调试器我可以访问React变量。我需要做什么？

Answer 1

我解决了我的问题。如果你有旧项目，你可以这样做：

1）安装gulp / grunt babel

2）编写预编译ES6到ES5的任务，如gulp：

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
  return gulp.src("app/assets/react/app.react.jsx")
    .pipe(babel())
    .pipe(gulp.dest("app/assets/javascripts/"));
});

3）React lib文件的链接：

<script src="http://fb.me/react-0.13.1.js"></script>
<script src="http://fb.me/JSXTransformer-0.13.1.js"></script>

4）Enjouy ES6语法和React power;）

我如何在旧项目中使用ES3语法进行反应0.13？

1 个答案: