React-native - Dropdownpicker - undefined 不是對象（評估“choice.label”）

Question

我在 react-native 中使用 DropDownPicker，當頁面加載時出現此錯誤

我使用 DropDownPicker 如下：

                    <DropDownPicker
                        items={[
                          { label: 'Us', value: 'Us' },
                          { label: 'Canada, value: 'Canada' }
                        ]}
                        defaultValue={this.state.country}
                        containerStyle={{ height: 40 }}
                        style={{ backgroundColor: '#fafafa' }}
                        itemStyle={{
                          justifyContent: 'flex-start'
                        }}
                        dropDownStyle={{ backgroundColor: '#fafafa' }}
                        onChangeItem={item => this.setState({
                        country: item.value
                        })}
                      />

Answer 1

您缺少帶有加拿大一詞的' ：

items={[
   { label: 'Us', value: 'Us' },
   { label: 'Canada', value: 'Canada' }
]}

讀取調試信息

choice.label錯誤是一個很好的提示，表明傳遞給DropDownPicker的 label 屬性有問題。 展望未來，一定要留意這樣的小提示，以幫助指導您找到解決方案。