如何使用redux将动作传递给孩子？

2024-05-09 • 问答

我有容器和组件。如何将动作（或？）传递给子组件？

我处理操作的容器

class HeaderContainer extends React.Component {
  render() {
    const { index } = this.props;

    return (
        <Header index={index} onChangeIndex={...}/>
    );
  }
}

const putstatetoProps = (state) => {
  return {
    index: state.schedule.index
  };
};

export default connect(putstatetoProps,null)(HeaderContainer)

我的组件从容器中呈现数据

const Header = ({ ...props }) => {
  const { index,onChangeIndex} = props;

  return (
      <AppBar position="static" color="default">
        <Tabs value={index} onChange={onChangeIndex}>
          ...
        </Tabs>
      </AppBar>
  )
};

有我的行动

export const changeIndex = (index) => {
  return {
    type: SCHEDULE_CHANGE_INDEX,payload: index
  }
};

class HeaderContainer extends React.Component { handleChangeIndex = (event) => { const index = event.target.value; // You may need to change this line this.dispatch(changeIndex(index)); } render() { const { index } = this.props; return ( <Header index={index} onChangeIndex={handleChangeIndex}/> ); } }

如何使用redux将动作传递给孩子？

zhuzhuxiangw 回答：如何使用redux将动作传递给孩子？

大家都在问