Функция подключения Redux с компонентом контейнера или компонентом представления - PullRequest
Новая
       9

Функция подключения Redux с компонентом контейнера или компонентом представления

0 голосов
/ 11 мая 2019

У нас на работе обсуждается, какой метод лучше всего использовать с функцией резервного соединения. Если мы используем компонент представления или контейнерный компонент сам, поместив компонент представления в компонент контейнера. В Интернете я вижу пример, когда люди помещают компонент представления внутри контейнера, а некоторые места за пределами контейнера. Было бы замечательно, если бы кто-то мог рассказать о наилучшей практике.

1 Ответ

1 голос
/ 11 мая 2019

Я сопровождающий Redux.

Я бы посоветовал вам по умолчанию определить как простой компонент, так и оболочку подключения в одном файле, для простоты: 

import React, {Component} from "react";
import {connect} from "react-redux";
import {addTodo, toggleTodo} from "./todos";

const mapState = (state) => ({todos: state.todos});

const mapDispatch = {addTodo, toggleTodo};

// Named export for the class
export class TodoList extends React.Component { /* */}

// Default export for the connected component
export default connect(mapState, mapDispatch)(TodoList);

Точно так же, я бы порекомендовал использовать подход типа «папка функций» для структурирования ваших файлов.

У меня есть сохраненный журнал чата, где Я делюсь своими мыслями о «контейнерах» и «презентациях»Концепция , которая может оказаться полезной.Аналогично, обратите внимание, что Дан Абрамов больше не рекомендует разделять компоненты «контейнера» и «представления» .

...