Блог

Я пытаюсь получить доступ к массиву моего редуктора и отобразить его в качестве реквизита. Это работало нормально, но когда я попытался стандартизировать свой код с помощью ESLint, мне нужно было определить свои типы реквизитов, и я сделал это в виде массива.

Затем я получаю сообщение об ошибке: Warning: Failed prop type: Invalid prop 'articles_list' of type 'array' supplied to 'Content', expected 'object' .

Я искал его и обнаружил, что у людей возникли проблемы с маршрутизатором, им посоветовали попробовать бета-версию маршрутизатора … но это работало до ESLint. Я не вижу, что не так… Я даже сомневаюсь в своем понимании английского языка, ха-ха .. переключение prop-type на object, но все сработало.

В моем компоненте

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

class Content extends Component {
  ...
}

Content.propTypes = {
  articles_list: PropTypes.shape([]),
};
Content.defaultProps = {
  articles_list: [],
};
  

В моем редукторе

 const initialState = {
  articles_list: [],
}

export const reducer = (state = initialState, action) => {
  switch (action.type) {
    case GET_ALL_ARTICLES_PAGE:
      return {
        ...state,
        articles_list: [...state.articles_list, action.payload],
      };
      [...]
  }
}
  

PropTypes.shape возвращает object , принимающий определенную форму

попробуйте выполнить следующее:

  Content.propTypes = {
      articles_list: PropTypes.arrayOf(PropTypes.shape(*your object shape*)),
    };
  

если ваш массив представляет собой массив чисел, попробуйте :

    Content.propTypes = {
          articles_list: PropTypes.arrayOf(PropTypes.number),
        };
  

вы пробовали это?

 Content.propTypes = {
  articles_list: PropTypes.array,
};
  

Или вы можете использовать это, если хотите определить форму массива

 Content.propTypes = {
  articles_list: PropTypes.arrayOf(
    PropTypes.shape({
      code: PropTypes.string,
      id: PropTypes.number,
    })
  ),
};
  

Прочитайте документацию обо всех доступных PropTypes здесь.