要让Redux将联系人添加到联系人状态对象,你需要按照以下步骤进行操作:
const initialState = {
contacts: []
};
const contactReducer = (state = initialState, action) => {
switch (action.type) {
case 'ADD_CONTACT':
return {
...state,
contacts: [...state.contacts, action.payload]
};
default:
return state;
}
};
const addContact = (contact) => {
return {
type: 'ADD_CONTACT',
payload: contact
};
};
import { connect } from 'react-redux';
import { addContact } from './actions';
class ContactForm extends React.Component {
// ...组件的其他代码
handleSubmit = (event) => {
event.preventDefault();
const { name, email } = this.state;
const newContact = { name, email };
this.props.addContact(newContact);
}
render() {
// ...组件的渲染代码
}
}
const mapDispatchToProps = {
addContact
};
export default connect(null, mapDispatchToProps)(ContactForm);
这样,你就成功地让Redux将联系人添加到联系人状态对象中了。
注意:以上代码示例中没有提及具体的腾讯云产品,因为Redux是一个与云计算无关的状态管理库,与云计算品牌商无关。如果你需要在云计算环境中使用Redux,你可以将Redux与腾讯云的其他产品(如云函数、云数据库等)结合使用,以实现更复杂的功能。
领取专属 10元无门槛券
手把手带您无忧上云