How to change the react native state outside the component?

Question

React

Good day. There is a component, when clicked, a simple request to the server occurs.
Something like this
(React native, redux)

class MasterScreen extends Component {
render() {
    return (<Button title={getPhrase('checkin')} onPress={() => this.onClick()} />);
}
....
onClick() {
      if(this.validate()) {
    sendRequest(this.data).then(result => { 
                   this.props.someAction(this.data.id);   // тут меняется state (redux)
.....

but from an architectural point of view, this is not very good. It is worth taking the logic out of the component. And here is the problem: how to change the state not from the component?

Answer 1

You can use redux-thunk
See answer for example logic.