Question

我正在关注React的教程。我创建了我的第一个组件，并希望在我的应用程序主页中看到组件，但我不是。我也没有收到任何错误。

在我的homePage.Js （这是我要渲染的组件），我有：

var React = require('react');

var Home = React.createClass({
    render: function(){
        return(
            <div className="jumbotron">
            <h1>Administration</h1>
            <p>React, React Router.</p>
            </div>
        );
    }
});

module.exports = Home;

在我的Main.js文件中，我有（这个main.js作为引用我的组件的基本文件）：

$ = jQuery = require('jquery');
var React = require('react');
var Home = require('./components/homePage');

React.render(<Home />, document.getElementById('app'));

在我的index.html文件中我有：

<html>
    <head>
        <title>Administrator</title>
        <link rel="stylesheet" href="css/bundle.css" />
    </head>
    <body>
        <div id="app"></div>
        <script src="scripts/bundle.js"></script>
    </body>
</html>

当我运行应用程序时，我看到一个空白页面，当我检查页面源代码时，我可以在BODY标记中看到HTML：

 <body>
        <div id="app"></div>
        <script src="scripts/bundle.js"></script>
    <script src="//localhost:35729/livereload.js?snipver=1" async="" defer="">
    </script>
</body>

Answer 1

您使用

导入Home

imgs=[10*64*265]
for i=1 to 10
read img;show;img
imgs(cut , : , : )=img
end

print imgs,shape

这适用于默认导入，但您的默认值不是。使用

require('./components/homePage')

或使用

导出

require('./components/homePage').Home

顺便说一句，不推荐使用React.createClass。如果你想学习React，我建议使用ES6类或功能组件。首先尝试create-react-app。

Answer 2

安装应用程序时，需要从react-dom调用render方法。

ReactDOM.render(element, container[, callback])

组件未在React中显示

2 个答案: