2
私はReactの初心者です。私はJSXファイルに一般的なReact Componentを作成し、それを別のJSXファイルにインポートしようとしています。ただし、次のエラーがインポートされるとReferenceError: require is not definedが返されます。別のJSXファイルでJSXファイルをインポートする
これは私の一般的な目的である：
class Footer extends React.Component{
render(){
return (
<div>Footer</div>
);
}
}
export default Footer;
そして、これは他のJSXファイルです：
import Footer from './generalPageFooter.jsx';
const contentNode = document.getElementById('div-content');
class AdminPanel extends React.Component{
render(){
return (
<div>
<h3>Sample Text</h3>
</div>
);
}
}
class AdminPage extends React.Component{
render(){
return (
<div>
<h3>Sample Text</h3>
</div>
);
}
}
ReactDOM.render(<AdminPage />, contentNode);
HTMLコードをファイルに以下の通りです：
<body>
<div id="div-content">
</div>
<script type="text/babel" src="/adminPage.jsx"></script>
</body>
エラーが発生している行は何ですか？それはコードに含まれていますか？ – theJuls
ファイルのどこかでrequireを使用している場合は、問題がある可能性があります。 ES6を使用している場合は、importを使用してください。 – theJuls