how to call another jsx in jsx?

[eungchang]

i am user of spring boot. i tried to call test1.jsx in test2.jsx .

and i met this error message which from test2.jsx

`Uncaught SyntaxError: /test2.jsx: Unexpected token (9:8)
7 | function App() {
8 | this.AppView = React.createClass({

9 | var dd = Test1.App2();
| ^
10 | render: function () {
11 | return (
12 |

`

this is my main.js. almost same your example.

`require.config({

paths: {
    react:'lib/react/react',
    reactDOM: 'lib/react/react-dom',
    babel: 'lib/require-react-jsx/babel-5.8.34.min',
    jsx: 'lib/require-react-jsx/jsx',   
    text: 'lib/require-react-jsx/text',
    jquery: 'lib/jquery-2.2.0'  
},

shim: {
    "react": {
        "exports": "React"
    }
},

config: {
    babel: {
        sourceMaps: "inline", // One of [false, 'inline', 'both']. See https://babeljs.io/docs/usage/options/
        fileExtension: ".jsx" // Can be set to anything, like .es6 or .js. Defaults to .jsx
    }
}

});

require(['jsx!test2'], function(App){

  var app = new App();
  app.init();

});`

and this is my test1.jsx

`define(function(require){

var React = require('react');
var ReactDOM = require('reactDOM');

function App2() {
this.trouble = React.createClass({
render: function () {
return (

how to call here?

);
}
});
}

App2.prototype.init = function () {
ReactDOM.render(
)
};

return App2;

});`

this is my test2.jsx

`define(function(require){

var React = require('react');
var ReactDOM = require('reactDOM');
var Test1 = require('jsx!test1');

function App() {
this.AppView = React.createClass({
var dd = Test1.App2();
render: function () {
return (

Hello, React!

      </div>
    );
  }
});

}

App.prototype.init = function () {
ReactDOM.render(<this.AppView />,

document.getElementById("testRequire"));

};

return App;

});`

so, i don't know how to call

could give me a hint for that?

[Munter]

As the error clearly points out you have a syntax error on line 9. You cannot declare a variable inside an object literal.