react 类暴露_react 如何将子组件的值暴露让父组件获取到?

本文探讨了在React应用中,如何在父组件中获取子组件的值。通过创建一个子组件,当选择框内容发生变化时,父组件会调用一个方法来更新状态。然而,在当前实现中,父组件无法直接通过`getFieldValue('pId')`获取子组件的数据。文章提出了问题,询问如何正确地将子组件的数据暴露给父组件以便使用。
摘要由CSDN通过智能技术生成

这是父组件中input所在

这是子组件,获取相应的数据

constructor(props) {

super(props);

this.state = {

options: [],

}

}

conponentDideMount() {

}

/**

* 当选择框里内容变化时查询数据

* @param e

*/

handleChange(value) {

let options;

if ((value !== null) && (value.length < 2)) {

printLog("value.length------------------" + value.length);

} else {

printLog("value.length>2:" + value.length);

callAutocompconsteChoiceFn(value)

.then((res) => {

const datas = res.data;

printLog("datas================"+JSON.stringify(datas));

options = datas.map((item) => {

const ids = item.id.toString();

const dictTypeSstrings = item.dictType.toString();

const propKeyStrings = item.propKey.toString();

const labelKeyStrings = item.labelKey.toString();

const joints = `${dictTypeSstrings}-${propKeyStrings}-${labelKeyStrings}-${ids}`;

return {joints};

});

this.setState({ options });

});

}

}

render() {

const self = this;

return (

combobox

style={{ width: '100%' }}

onChange={(options) => this.handleChange(options)}

filterOption={false}

placeholder="父级ID"

>

{this.state.options}

)

}

现在我无法拿到子组件中的数据到父组件中,即是在父组件中红无法通过

pId: getFieldValue('pId'),拿到数据,如何才能将子组件的数据暴露给父组件以让其获取到呢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值