在react-redux中正确键入映射到道具的动作创建者需要以下步骤:
// 定义动作类型常量
export const INCREMENT = 'INCREMENT';
export const DECREMENT = 'DECREMENT';
// 创建增加计数的动作创建者
export const increment = () => ({
type: INCREMENT
});
// 创建减少计数的动作创建者
export const decrement = () => ({
type: DECREMENT
});
import React from 'react';
import { connect } from 'react-redux';
import { increment, decrement } from './actions';
const Counter = ({ count, increment, decrement }) => (
<div>
<p>Count: {count}</p>
<button onClick={increment}>Increment</button>
<button onClick={decrement}>Decrement</button>
</div>
);
const mapStateToProps = state => ({
count: state.count
});
export default connect(mapStateToProps, { increment, decrement })(Counter);
在上述代码中,我们使用connect函数将动作创建者increment和decrement连接到Counter组件,并且使用mapStateToProps函数将存储(store)中的计数(count)映射到组件的道具(props)。
以上步骤中的"actions"是指存放动作创建者的文件,可以根据实际情况进行修改。
请注意,这只是一个简单的示例,实际应用中可能会涉及更复杂的数据流和组件结构。关于react-redux的更多详细信息和示例,请参考腾讯云的官方文档:React-Redux 官方文档。
希望这个答案能够满足你的要求!