首页 / REACT / reacto小项目

reacto小项目

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了reacto小项目，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1093字，纯文字阅读大概需要2分钟。

内容图文

本章要讲述一个评价栏的制作。

首先先简单写一个ract组件来试试。

index.html

            <!
            DOCTYPE html
            >
            <
            html
            >
            <
            head
            >
            <
            title
            >Hello React</title><script src="../js/jquery.min.js"></script><script src="../js/JSXTransformer.js"></script><script src="../js/react-0.13.4.min.js"></script><script src="../js/react-dom-0.14.0.js"></script></head><body><div id="content"></div><script src="../component/CommentBox.js" type="text/jsx"></script></body></html>

CommentBox.js

            var CommentBox = React.createClass({
    render: function() {
        return (
            <div className="commentBox">
                Hello, world! I am a CommentBox.
            </div>
        );
    }
});
React.render(
    <CommentBox />,
    document.getElementById(‘content‘)
);

此处要注意首先因为

1.CommentBox.js中获取了content所已在index文件中引入CommentBox.js文件要放在content后面。

2.reactDOM.render()也可以，但是要引入相应的react-dom.js文件，其次版本号要在13以后

3.comment.js文件的type=‘text/jsx‘如果引入了babel文件，也可以写text/babel.  babel.js和JSXTransformer.js可以互换的，对应的type也要改成jsx或者babel。

原文：http://www.cnblogs.com/yuaima/p/5869407.html

内容总结

以上是互联网集市为您收集整理的reacto小项目全部内容，希望文章能够帮你解决reacto小项目所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1270537.html

来源：【匿名】