обрабатывать событие дочерних компонентов внутри родительского компонента

Question

В ответе

я хочу определить оптимальное решение, поэтому у меня есть родительский компонент Main. и у меня также есть дочерний компонент под названием Форма. это Main:

<Form 
    adminname={this.state.adminname}
    password={this.state.password}
    Input={this.handleInput}
    Submit={this.handleForm}
    error={this.props.error}
/>

, а это дочерний компонент Form

<div className="form-container">
        <form onSubmit={this.props.Submit} className="formc" action="/api/sign-in" method="POST">
            <input type="text" className="adminname" name="adminname" placeholder="Administrator" value={this.props.adminname} onChange={this.props.Input} />
            <input type="password" className="password" name="password" placeholder="password" value={this.props.password} onChange={this.props.Input} />
            <input type="submit" className="submitbtn" value="Sign In"/>
            {this.props.error ? <h3 className="error">{this.props.error}</h3> : null}
        </form>
</div>

и я должен добавить этот код

handleInput(e){
    e.preventDefault();
    this.setState({
        [e.target.name]: e.target.value
    })
}
handleForm(e){
    e.preventDefault();
    let dataToPass ={
        adminname: this.state.adminname,
        password: this.state.password
    }
    this.props.signin(dataToPass)
}

в Main или Form? какая из них является лучшей практикой

(кстати, я использую реаги-редукс)