Я попытался прочитать документацию и некоторые ответы React-Redux здесь, в StackOverflow, но я действительно запутался.
Ситуация: я нахожусь внутри компонента React и пытаюсь вызвать 'run 'функция с двумя аргументами: имя и ввод, который находится в другом файле.
ProcessingAddFluxModalLogi c. js
import run from '../composer/run';
[...]
class ProcessingAddFluxModalLogic extends Component {
constructor(props) {
super(props);
}
[...]
handleAddRunFlux = () => {
this.props.dispatch(addFlux({name: this.state.name, input: this.state.input, processing: this.state.fluxes }));
this.props.closeModal();
run(this.state.name, this.state.input);
};
[...]
Однако я также необходимо получить доступ к хранилищу Redux в этой функции. Я понимаю, что мне, вероятно, следует работать с mapDispatchToProps / mapStateToProps внутри функции соединения, чтобы добавить эти аргументы имени / ввода, но я немного растерялся.
run. js
import { connect } from 'react-redux';
import selectDatasets from '../selectors/datasets';
function run(props) {
//console.log(props.datasets);
};
const mapStateToProps = (state) => {
return {
datasets: selectDatasets(state.datasets, state.filters)
};
};
export default connect(mapStateToProps)(run);
Есть подсказка, как мне помочь? Спасибо!