inputで入力したものをsetStateしたい

わからないこと

reactにおいて、inputで入力した値をsetStateで変更したいです。
作成したソースコードの例は以下のとおりです。
このようにしたらsetStateできるかなと思ったのですが、コンソールで確認したところきちんとできていないようでした。
また、入力したものもボックスの中に表示されません。
間違いや、解決策などありましたら教えて下さい。
よろしくおねがいします。

class Data extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            name: '',
            email: '',
            password: ''
        }
        this.changeData = this.changeData.bind(this)
    }

    changeName = (e) => {
        this.setState({
            name: e.target.value
        })
    }

    changeEmail = (e) => {
        this.setState({
            email: e.target.value
        })
    }

    changePassword = (e) => {
        this.setState({
            password: e.target.value
        })
    }

   render() {
        return (
        <div>
            <div>
                <form>
                    <div>
                        <label>名前</label>
                        <input type="text" name="name"  value={this.state.name} onChange={this.changeName}/>
                        <label>メールアドレス</label>
                        <input type="email" name="email" value={this.state.email} onChange={this.changeEmail}/>
                        <label>パスワード</label>
                        <input type="text" name="password" value={this.state.password} onChange={this.changePassword}/>
                    </div>
                </form>
            </div>
            <h2>完了</h2>
        </div>
    );
  }
}