Question

我有一个像这样的JSX文件：

var Home = React.createClass({
    render: function() {
        return (
<Test>
...
var Test = React.createClass({
    render: function() {
...

module.exports = Home;

但我无法管理这两个函数加载，我想我必须将test添加到module.exports，但我找不到一个有效的方法。

Answer 1

如果您require("home.jsx")，它会自动加载并在Test内呈现您的Home组件。

最好将不同文件中的这些组件分开，这样可以帮助您在应用程序过大时管理组件。

<强> test.jsx

module.exports = React.createClass({
  render: function() {
    return <div>Test</div>
  }
})

<强> home.jsx

var Test = require('./test.jsx');

module.exports = React.createClass({
   render: function() {
      return <div>
        <Test>
      </div>
   }
})

当然，你也可以做一些像@Mukesh Sharma的回答。

由于

Answer 2

希望它对你有所帮助。

var Home = React.createClass({
   render: function() {
      return (
<Test>
...
var Test = React.createClass({
   render: function() {
...

module.exports = {
  "Home": Home,
  "Test": Test
}

与Node.js反应导出两个函数

2 个答案: