Рендеринг после отправки в react-redux

Question

У меня есть одно сомнение по поводу react-redux. Компонент должен быть отрисован после завершения sh выборки данных. Текущий код всегда возвращает {}. Как я могу решить эту проблему?

function Category(props) {
  const [categories, setCategories] = useState([]);
  props.dispatch(categoryActions.fetch());
  useEffect( () => {
    setCategories(props.categories)
  }, [props]);

  return (
    <Container className={classes.root}>
        .....
    </Container>
  );
}

const mapStateToProps = state => ({
    categories: state.categories,
});

function mapDispatchToProps(dispatch) {
    return {
      dispatch,
    };
}

export default connect(mapStateToProps, mapDispatchToProps)(Category)

Answer 1

Во-первых, у меня есть несколько вопросов:

1. Что делает const [categories, setCategories] = useState([]);?
   categories предоставляются Connect в качестве свойств компонента Category. * Хук 1010 * useState используется для определения и управления внутренним состоянием.
   Технически это не противоречит, так как вы можете назвать их props.categories и categories соответственно, но может возникнуть путаница.

2. Какие действия вы хотите отправить в компоненте?
   mapDispatchToProps выглядит ничего не делая. Взгляните на их официальный пример .