javascript Redux容器样板#redux

Posted 2021-05-04

import React, { Component } from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import { fetchWeather } from "../actions/index"; //action

//Component becoming a container for redux
class SearchBar extends Component {

    constructor(props) {
        super(props);

        this.state = { term: '' };

        this.onInputChange = this.onInputChange.bind(this);
        this.onFormSubmit = this.onFormSubmit.bind(this);
    }

    componentDidMount() {
        console.log(`${this.constructor.name} component mounted...`);
    }

    onInputChange(event) {
      
    }

    onFormSubmit(event) {
        event.preventDefault();
    }

    render() {
        return (
          <div>your component here...</div>
        );
    }
}

function mapDispatchToProps(dispatch) {
    //return bindActionCreators({ fetchWeather }, dispatch); //action, dispatch
}
function mapStateToProps({weather}) {
    return { weather };
}


export default connect(null, mapDispatchToProps)(SearchBar);