我正在学习React,但是一个星期以来我一直被困在这里,无法解决!! 请帮忙 我正在学习React,但是一个星期以来我一直呆在这里,无法解决! 请帮助
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- Load our React component. -->
</head>
<body>
<div id="apps">
</div>
<script type="module" src="./script.js"></script>
</body>
</html>
Navbar.js:
import React from './react.js';
//import {ReactDOM} from './react-dom.js';
export class NavBar extends Component {
constructor(props) {
super(props);
this.state = { }
}
render() {
return ( this.props.items.map(item =>{ <li>{item}</li>}));
}
}
script.js
//import {React} from './react.js';
//import {ReactDOM} from './react-dom.js';
import {NavBar} from './navbar.js';
ReactDOM.render(
<NavBar items={['Rohit','Rajiv']}/>,
document.getElementById('root')
);
我收到此错误
The requested module './react.js' does not provide an export named 'default'
答案 0 :(得分:0)
首先,在提供的源代码中,有几个突出的问题。
要利用这里提供的答案,需要对React的工作方式有一定的了解,例如建立一个基本的React项目,以及对React生态系统(如node,npm和babel)有所了解。更不用说对JavaScript和ES6语法有足够的了解了。
有许多在线反应入门指南,可以使您在短时间内启动并运行。
我建议暂时忽略您当前的进度,并从本指南开始。
遵循本教程中的所有步骤。逐步解释它,最后,您将对使用react有扎实的了解。花点时间,从头到尾完成本教程。这是我的建议,因为从头到尾完成一个教程要比从头开始完成而不是从50开始更好。
如果您愿意,请发表评论,您可以通过电子邮件与我取得任何困难联系,我会尽力帮助您。
祝您好运,并希望您在旅途中玩得开心。