react.js - react 通讯问题

问题描述

问 题

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 之间怎么通讯，他们属于父子级关系吗？

解决方案

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

这篇关于react.js - react 通讯问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！