有人可以帮助我使用此代码中的“ref”。在最后一个“视图”组件中,“this.multiSelect”似乎是未定义的。我不明白我为什么会出错以及在哪里出错。它有上下文吗?
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import MultiSelect from 'react-native-multiple-select';
export default class MultiSelectComponent extends Component {
constructor() {
super();
this.state = {
selectedItems : []
};
this.items = [{
id: '92iijs7yta',
name: 'Ondo',
}, {
id: 'suudydjsjd',
name: 'Abuja',
}];
}
onSelectedItemsChange = selectedItems => {
this.setState({ selectedItems });
};
render() {
const { selectedItems } = this.state;
return (
<View style={{ flex: 1 }}>
<MultiSelect
hideTags
items={this.items}
uniqueKey="id"
ref={(component) => { this.multiSelect = component; }}
onSelectedItemsChange = {this.onSelectedItemsChange}
selectedItems={selectedItems}
selectText="Pick Items"
searchInputPlaceholderText="Search Items..."
submitButtonText="Submit"
/>
<View>
{this.multiselect
?
this.multiselect.getSelectedItemsExt(selectedItems)
:
null}
</View>
</View>
);
}
}
您的代码中有错字,错误可能在那里:您正在使用 this.multiselect 并声明
ref={(component) => { this.multiSelect = component; }}
所以也许与这个:
ref={(component) => { this.multiselect = component; }}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句