首先， <Input ..../> 和 <Button .../> 是什么？它们是您的组件还是仅仅是表单输入字段？

我认为它们只是表单字段，因此它们需要小写 <input ..../> 、<button .../> 。

尝试在渲染中绑定您的函数，例如： this.functionName.bind(this) 。

这是一个有效的代码：

class Test extends React.Component {
    constructor(props){
        super(props);

      this.state = {
          email: '',
          password: '',
      };
    }

    handleEmailChange(e) {
        this.setState({email: e.target.value});
    }
    handlePasswordChange(e) {
        this.setState({password: e.target.value});
    }


    render(){
        return (
        <div>
            <form name="Login">
              <input type="text" name="email" value={this.state.email} placeholder="Email Id" className="form-control" onChange={this.handleEmailChange.bind(this)} />
              <input name="password" value={this.state.password} placeholder="Password" type="password" className="form-control m-b-10" onChange={this.handlePasswordChange.bind(this)} />   
              <button type="button" className="m-t-20 orange" label="Sign in " onClick={this.onSubmit}>Sign in</button> 
          </form>
        </div>
      )
    }
}

React.render(<Test />, document.getElementById('container'));

这里是小提琴。

更新

我在 这里 测试了它：

 constructor(props){
    super(props);

    this.state = {
            name: '',
        email: ''
    }
  }

  handleChange(name, value){
    let state = this.state;
    state[name] = value;
    this.setState({state});

  }

  render () {
    return (
      <section>
        <Input type='text' label='Name' name='name' value={this.state.name} onChange={this.handleChange.bind(this, 'name')} maxLength={16} />
        <Input type='email' label='Email address' icon='email' value={this.state.email} onChange={this.handleChange.bind(this, 'email')} />
      </section>
    );
  }

我不确定它是如何工作的，但它将名称和值作为参数传递给 handleChange 函数，因此，您可以获得值作为第二个参数。您不需要事件。

首先将构造函数中的 this.state 更改为单个 - this.state = {emai:'',password:''}，然后尝试在构造函数中绑定 handleEmailChange 和 handlePasswordChange ，您需要将 this 直接设置为输入，

更新

或者如果 Input 和 Button 是组件，您需要在其中实现 changeMethod 和 onChange 事件，并通过回调将值发送回组件 Login

工作原理 -

 class Input extends React.Component{
            constructor(props){
                super(props);
                this.state= {
                    value : this.props.value
                }
            }
            componentWillReceiveProps(nextProps){
                 this.setState({
                      value: nextProps.value,
                  })
            }

            render(){
                return(
                    <input onChange={this.handleChangeValue.bind(this)} type="text" name={this.props.name} value={this.state.value} placeholder={this.props.placeholder} className={**just class name or send via props too**}  />
                )
            }
            handleChangeValue(e){
                this.setState({value:e.target.value});
                this.props.changeValue(e.target.value); 
            }
  }
        
        class Login extends React.Component{
            constructor(props){
                super(props);
                this.state= {
                    emailValue : '',
                    passwordValue: '',
                    ...
                }
            }
            render(){
                return(
                      <div>
                        <Input type="text" name='email' value={this.state.emailValue} placeholder={'Write email'} className='someName' changeValue={this.changeEmailValue.bind(this)} />
                        <Input type="text" name='password' value={this.state.passwordValue} placeholder={'Write password'} className='someName' changeValue={this.changePasswordValue.bind(this)} /> 
                     
                      </div>

                    )
               }
            changeEmailValue(value){
                this.setState({emailValue:value});
            }
        
            changePasswordValue(value){
                this.setState({passwordValue:value});
            }
        }

由于您使用的是自定义组件 <Input/> ，因此该组件所具有的任何特殊代码都可能抽象出从内置组件 <input/> 传递的默认事件。 （请注意小写的“i”）因此，也许您需要它来读取：

handleEmailChange(value) {
    this.setState({email: value});
}
handlePasswordChange(value) {
    this.setState({password: value});
}

无论如何，修复可能是 onChange 没有返回事件，而是返回您没有预料到的其他值。