功能在本机反应中执行问题

Question

亲爱的朋友们，这是我的 React Native 根据：

 renderAccordionContentBasic() {
        const { selectedItem } = this.state;
        return <View>

            <View style={Styles.formPicker}>                
                <Picker
                    selectedValue={this.state.gender}
                    onValueChange={(itemValue, itemIndex) => this.setState({ gender: itemValue })}  style={Styles.pickerText}>                    
                    <Picker.Item label="مرد" value="true" style={Styles.pickerText} />
                    <Picker.Item label="زن" value="false"  style={Styles.pickerText} />
                </Picker>
            </View>
            <View style={Styles.col}>
                <TextInput onChange={(itemValue, itemIndex) => this.setState({ bankName: itemValue })} value={this.state.bankName} style={Styles.textInputHalf} placeholder={'نام بانک'} />
                <TextInput onChange={(itemValue, itemIndex) => this.setState({ bankSheba: itemValue })} value={this.state.bankSheba} style={Styles.textInputHalf} placeholder={'شماره 16 رقمی شبای بانکی'} />
            </View>
            <TextInput style={Styles.textInputMulti} value={this.state.aboutus} onChange={(itemValue, itemIndex) => this.setState({ aboutus: itemValue })} multiline={true} numberOfLines={10} placeholder={'رزومه و سوابق'} />

            <Button style={Styles.btn} **onPress={this.handleBasic(1)}**>
                <Text style={Styles.formBtnText}>{'ذخیره'.toUpperCase()}</Text>
                <Icon active name='content-save' type="MaterialCommunityIcons" style={Styles.formBtnIcon} />
            </Button>
        </View>
    }

这是我在按下按钮时执行的功能：

handleBasic =(id)=>{
        alert(id)

    }

现在当我的表单（组件）挂载 handleBasic() 执行但当我按下按钮时 handleBasic() 没有执行 请帮帮我

Answer 1

把你的onPress改成这样

onPress={() => this.handleBasic(1)}

通过像onPress={this.handleBasic(1)}这样调用，组件渲染时会立即调用handle方法。所以，当你按下按钮时它不会被调用。

另外，不要忘记将您的renderAccordionContentBasic() 绑定到您的班级。您可以使用箭头函数或.bind(this)。