Как исправить ошибку: ожидал присваивания или вызова функции и вместо этого видел выражение no-unused-expression

Question

Я до сих пор не знаю, как извлечь данные из моего действия.

Вот действие:

import myConstant from './constatnts'
...
export const fetchData = {
  isLoading,
  isSuccess,
  ...
};

const isLoading = () => dispatch => {
  dispatch({
    type: myConstant.FETCH_LOADING,
    payload: LoadingApi()
  });
}

А также пытался использовать ES5:

function isSuccess() {
  return function(dispatch){
    dispatch({
      type: myConstant.FETCH_DATA
      payload: fetchDataApi()
    });
  };
}

и у меня есть ошибка для получения данных в Redux в Компоненте:

import {fetchData} from './myData'

componentWillMount() {
  fetchData.isSuccess; // or fetchData.isLoading
}

Я получил следующую ошибку:

Ожидается назначение или вызов функции, и вместо этого он увиделВыражение no-unused-expression

Как это исправить?

Answer 1

Вам нужно вызвать свое действие, используя диспетчерскую клавиатуру.Если вы хотите использовать ключевое слово dispatch из реагирующего компонента, вам нужно обернуть ваш Компонент функцией connect() из пакета react-redux.

Далее вам потребуется определить хотя бы функцию mapStateToProps для получения данных.(РЕДАКТИРОВАТЬ: вам не нужно включать mapStateToProps :) включайте его только тогда, когда вы хотите вернуть некоторые данные обратно в ваш компонент), который вы сохранили в хранилище с помощью вашего редуктора, из вашего хранилища редуксов в свой компонент в качестве подпорок.

Итак, ваш код должен выглядеть следующим образом:

import {fetchData} from './myData'
import {connect} from "react-redux";

class YourComp extends Component {
  ...
  componentWillMount() {
    this.props.dispatch(fetchData.isSuccess());
  }
  ...
}

// this will push data from the store to your props
const mapStateToProps = state => ({
  yourData: state.reducer.data
});

// besides other things, this line will push dispatch function callback into your component's props
export default connect(mapStateToProps)(YourComp);