Как опросить дочерние компоненты у формы

export const Form =({...props})=> {
    return(
            <form {...props}>
                {props.children}
            </form>
        )
};

render =()=> {
return <Form onSubmit={this.handleSubmit} className='col-wrapper'>
                    <div className='col-1'>
                        <MaterialInput
                            label={'UserName'}
                            onChange={this.onInputVal}
                            IsRequired={true}
                            path='username'
                            value={this.state.username}
                            regExMessage={Lang('IsRequired')}
                        />
                    </div>
                    <div className='col-1'>
                        <MaterialInput
                            label={'Password'}
                            onChange={this.onInputVal}
                            IsRequired={true}
                            path='password'
                            value={this.state.password}
                            regExMessage={Lang('IsRequired')}
                        /> </div>
                    <div className='col-1 element-padding'>
                        <MaterialButton
                            isSubmit={true}
                            className={'big screen-100'}
                        >{Lang('Login')}</MaterialButton>
                    </div>
</Form>
}

isValid = () => {
 return this.validate();
}