react 通讯问题

Question

Form/index.js

export class Form extends Component {
    render() {
        return (
            <form>
                {this.props.children}
            </form>
        )
    }
}

export class FormInput extends Component {
    render() {
        return (
            <div>
                <input type="text" />
            </div>
        )
    }
}

Signin/index.js

export default class Signin extends Component {
    render() {
        <Form autocomplete="off">
            <FormInput type="tel" placeholder="请输入验证码" />
        </Form>
    }
}

---

请问，Form 和 FormInput 之间怎么通讯，他们属于父子级关系吗？

Answer 1

export default class Signin extends Component {
    callback() {
        do some thing ....
    }
    render() {
        <Form autocomplete="off">
            <FormInput type="tel" props={...someprops} callback={this.callback} placeholder="请输入验证码" />
        </Form>
    }
}