反应原生材料下拉列表中的状态使用情况

Question

我目前正在开发一个反应原生应用程序。这是一个待办事项应用程序，您可以在其中添加任务，分配给其他人并选择任务本身的截止日期。 我正在使用反应原生材料下拉列表，用于显示可能的受让人，一旦选择，我会将数据发送到 firebase。 这是我的下拉组件代码

import React, { Component } from 'react';
import { Dropdown } from 'react-native-material-dropdown';
class DropdownComponent extends Component {
constructor(props){
super(props);
this.state = {
assignee: 'Initial state',
data: [{
value: 'Fruit',
}, {
value: 'Vegetable',
}, {
value: 'Fruit',
}],
value: ''
}
}

handleAssigneePicked = value => {
console.log("Changed state")
this.setState({ assignee: value()})
};
render() {
return (
<Dropdown
data={this.state.data}
value={this.state.assignee}
onchangeText={this.handleAssigneePicked}
/>
);
}
}

export default DropdownComponent;

我在我的主组件中渲染它，如下所示：

<DropdownComponent
/>

现在，当我访问主组件时，它在其中渲染了 DropdownComponent，它也显示了初始状态，但没有控制台.log任何东西，有什么可以阐明我的问题吗？

Answer 1

我认为你的编码就像匆忙的伯里。

将下拉道具更改为

onChangeText={this.handleAssigneePicked}

而不是

onchangeText={this.handleAssigneePicked}

并在构造函数中绑定处理程序AssigneePicked((方法。

constructor(props) {
super(props);
this.handleAssigneePicked = this.handleAssigneePicked.bind(this);
}

可以接受吗？是的，点赞