请帮助我解决我所面临的错误,当它运行的代码。
无法解决这个问题。我尽力了。
我还添加了import
来导入所需的元素。我只是在另一个平台上学习。只是在尝试了一些错误后卡住了。
我刚才提到的和我从StackBlitz得到的一样。我为什么要面对这个错误。
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin>
</script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
import React from 'react';
import {Provider} from 'react-redux';
import {createStore} from 'redux';
import {connect} from 'react-redux';
function incrementCounter(num) {
return {
type: 'INCREMENT',
num: num
}
}
const initialState = {
count: 0
};
function reducer(state= initialState, action) {
switch(action.type) {
case 'INCREMENT':
return { count: state.count + action.num }
default:
return state
}
}
let counter = (props) => {
function handleClick() {
props.incrementCounter(1);
}
return
<div>
<p>{props.count}</p>
<button onClick={handleClick}>Increment</button>
</div>;
}
function mapStateToProps(state) {
return {
count: state.count
};
}
const mapDispatchToProps = {
incrementCounter
}
let store = createStore(reducer);
Counter = connect(mapStateToProps, mapDispatchToProps)(Counter);
ReactDOM.render(
<Provider store={store}>
<Counter/>
</Provider>,
document.getElementById("root")
);
</script>
</body>
错误显示类似于下面的图像:
1条答案
按热度按时间laximzn51#
如果您遵循某种教程来达到这一点,则可能缺少某些内容或跳过了一个步骤。我建议你尝试一个初学者工具包,比如“create-react-app”,一旦你启动并运行了它,试着手动添加redux。