无法在Visual Studio中导入/导出React组件

Question

我正在尝试一些我认为非常基本的东西，但由于某些原因它根本就不起作用！

我只是尝试在2个不同的jsx文件中创建2个简单的反应组件，并将其中一个导入父文件，然后在父文件中使用并呈现子组件。

我创建了一个简单的mvc站点，它只是转到导入第一个组件所在的选定jsx文件的索引页面.Reactjs是通过nuget包管理器安装的。我还在学习反应，所以我可能正在做一些明显的错误，因为这不起作用。

我尝试过使用requires和es6导入/导出，但似乎都不适合我。

特别是使用导入/导出方法会引发语法错误，即使我在visual studio中安装了node.js和typescript！

任何帮助都会很棒。

请参阅以下代码：

Component1.jsx：

import Component2 from "./Component2.jsx"

class Component1 extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
                <div>hello</div>
            </div>
        );
    }
}

ReactDOM.render(
    <Component1 />,
    document.getElementById('test')
);

Component2.jsx：

class Component2 extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>test</div>
        );
    }
}

export default Component2;

Answer 1

查看setting up ReactJS in Visual Studio ASP.NET的本教程。向下滚动到Transpilation部分，确保您按照所有步骤来编译es6代码。