Reactjs 无法使用REDUX将数据从输入传递到div

我创建了下一个代码，它从输入中获取值，并将其显示在

div

元素中

import React，{Component}来自'React'；
导入“/App.css”；
从“redux”导入{createStore}；
从“react redux”导入{connect，Provider}；
从“react dom”导入react dom；
常量初始状态={
名字：“F”，
姓：“我”
};
常量F_NAME=“F_NAME”；
const L_NAME=“L_NAME”；
const changeFirstName=（newFirstName）=>{
console.log（newFirstName）；
返回{
类型：F_名称，
有效载荷：newFirstName
}
};
const changeLastName=（newLastName）=>{
console.log（newLastName）；
返回{
类型：L_名称，
有效载荷：newLastName
}
};
const rootreducer=（state=initalstate，action）=>{
开关（动作类型）{
案例F_名称：
返回{
…状态，名字：action.payload
};
案例名称：
返回{
…状态，姓氏：action.payload
};
}
返回状态
};
const store=createStore（rootreducer）；
功能应用程序（道具）{
const dispatch=props.dispatch；
//控制台日志（道具）；
返回(
{
分派（changeFirstName（例如target.value））
}}value={props.changeFirstName}占位符=“名字”/>
{
分派（changeLastName（例如target.value））
}}value={props.changeLastName}占位符=“姓氏”/>
{props.changeFirstName}
);
}
常量mapStateToProps=（状态）=>{
返回{
名字：state.firstName，
lastName:state.lastName
}
};
const Wrapp=connect（mapStateToProps）（应用程序）；
ReactDOM.render(
，document.getElementById（'root'））
);这是因为您向这些输入传递了错误的值。
应该是

<input type="text" onChange={(e) => {
      dispatch(changeFirstName(e.target.value))
      }} value={props.firstName} placeholder="first name"/>
<input type="text" onChange={(e) => {
      dispatch(changeLastName(e.target.value))
      }} value={props.lastName} placeholder="last name"/>

{
分派（changeFirstName（例如target.value））
}}value={props.firstName}占位符=“first name”/>
{
分派（changeLastName（例如target.value））
}}value={props.lastName}占位符=“last name”/>