转换反应式块以反应天然

Question

我是React Antial的新手

let AddTodo = ({ dispatch }) => {
let input
 return (
<div>
  <form onSubmit={e => {
    e.preventDefault()
    if (!input.value.trim()) {
      return
    }
    dispatch(addTodo(input.value))
    input.value = ''
  }}>
    <input ref={node => {
      input = node
    }} />
    <button type="submit">
      Add Todo
    </button>
  </form>
  </div>
 )
 }
 AddTodo = connect()(AddTodo)

有人可以在这里帮我吗？这是源代码

Answer 1

这是从反应代码转换的React-Native的简单代码。您可以在此处找到有关反应的更多信息。

在HTML中，我们用于组其他元素，因此用于使用

的反应

import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
class AddTodo extends Component {
  constructor(props) {
    super(props);
    this.state = {
      todoText: ''
    };
  }
 render() {
   return (
     <View>
       <TextInput
         onChangeText={(todoText) => this.setState({todoText})}
         value={this.state.todoText}
       />
       <TouchableHighlight onPress={() => {
         if(this.state.todoText) {
           this.props.addTodo(input.value);
            this.setState({ todoText: '' })
         }
       }}>
         <Text>Add Todo</Text>
       </TouchableHighlight>
     </View>
   );
  }
}
function mapStateToProps(state) {
  return {};
}
function mapDispatchToProps(dispatch) {
  return {
    addTodo: bindActionCreators(addTodo, dispatch)
  }
}
export default connect(mapStateToProps, mapDispatchToProps)(AddTodo);

您可以在此处找到反应的Redux todo示例