export default class Index extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            animal: ''
        };

        this.handleChangeRadio = this.handleChangeRadio.bind(this);
        this.onSubmit = this.onSubmit.bind(this);
    }

    handleChangeRadio(event) {
        this.setState({ [event.target.name]: event.target.value });
    }

    onSubmit(){
        console.log(this.state);
    }

    render() {
        return (
            <form>
                <label>いぬ派？ねこ派？
                    <input type="radio" name="animal" onChange={this.handleChangeRadio} value="いぬ" />いぬ
                    <input type="radio" name="animal" onChange={this.handleChangeRadio} value="ねこ" />ねこ
                </label>

                <button type="button" name="submit" onClick={this.onSubmit}>送信</button>

            </form>
        )
    }
}