如何使用redux在React native中清除TextInput on send按钮

npm install redux react-redux --save

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

// 导入reducers
import rootReducer from './reducers';

// 创建Redux store
const store = createStore(rootReducer, applyMiddleware(thunk));

export default store;

export const clearTextInput = () => {
  return {
    type: 'CLEAR_TEXT_INPUT',
  };
};

const initialState = {
  textInputValue: '',
};

const rootReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'CLEAR_TEXT_INPUT':
      return {
        ...state,
        textInputValue: '',
      };
    default:
      return state;
  }
};

export default rootReducer;

import React from 'react';
import { Provider } from 'react-redux';
import { View } from 'react-native';
import { createStore } from './store';
import YourTextInputComponent from './YourTextInputComponent';

const App = () => {
  return (
    <Provider store={createStore}>
      <View>
        {/* 其他组件 */}
        <YourTextInputComponent />
      </View>
    </Provider>
  );
};

export default App;

import React from 'react';
import { connect } from 'react-redux';
import { TextInput, Button, View } from 'react-native';
import { clearTextInput } from './actions';

const YourTextInputComponent = ({ textInputValue, clearTextInput }) => {
  return (
    <View>
      <TextInput value={textInputValue} />
      <Button title="Send" onPress={clearTextInput} />
    </View>
  );
};

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

const mapDispatchToProps = (dispatch) => {
  return {
    clearTextInput: () => dispatch(clearTextInput()),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(YourTextInputComponent);