Jest Blog

Form.js

class Form extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            input: "",
        };

        this.onChangeHandler = this.onChangeHandler.bind(this);
        this.onSubmitHandler = this.onSubmitHandler.bind(this);
    }
    
    onChangeHandler(event) {
        this.setState({
            input: event.target.value
        });
    }

    onSubmitHandler(event) {
        Axios.post("some_url", {data: this.state.input})
        .then(response => {
            AlertsHelper.show({
                type: "success",
                message: response.message,
            });
        })
        .catch(error => {
            AlertsHelper.show({
                type: "error",
                message: error.message,
            });
        });
    }
    render () {
        return (
            <form onSubmit={this.onSubmitHandler}>
                <input type=“text” onChange={this.onChangeHandler} />
                <button type=“submit”>Submit</button>
            </form>
        );
    }
}