Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在react native中创建JSON响应的动态复选框?_Reactjs_React Native_Checkbox - Fatal编程技术网

Reactjs 如何在react native中创建JSON响应的动态复选框?

Reactjs 如何在react native中创建JSON响应的动态复选框?,reactjs,react-native,checkbox,Reactjs,React Native,Checkbox,我是新来的蜜蜂。请原谅我重复的问题。我问的是相关的问题,因为之前关于这个话题的问题对我没有帮助。 我想在JSON响应的基础上创建动态复选框,我收集了数组中的数据,下面是代码 sellablePartsCategory = []; sellablePartsCategory包含这些数据 sellablePartsCategory = ["Brake", "Suspension", "Engine", "Tyre"] renderParts(){ for(let i=0; i<se

我是新来的蜜蜂。请原谅我重复的问题。我问的是相关的问题,因为之前关于这个话题的问题对我没有帮助。 我想在JSON响应的基础上创建动态复选框,我收集了数组中的数据,下面是代码

sellablePartsCategory = [];
sellablePartsCategory包含这些数据

sellablePartsCategory = ["Brake", "Suspension", "Engine", "Tyre"]

renderParts(){
    for(let i=0; i<sellablePartsCategory.length; i++){
      return(
        <CheckBoxComponent 
            title={sellablePartsCategory[i]}
            checked= {true} /> );
    }
}

 render(){
 <View>
    <Text> {sellablePartsCategory} </Text>
      {this.renderParts()}
 </View> }
可销售零件目录=[“制动器”、“悬架”、“发动机”、“轮胎”]
renderParts(){
对于(让i=0;i在
renderParts()
方法中,您可以仅使用一次返回返回列表中的所有复选框。请尝试以下代码:

renderParts(){
    let checkBoxComponentList = [];
    for(let i=0; i<sellablePartsCategory.length; i++){
        checkBoxComponentList.push(<CheckBoxComponent 
            title={sellablePartsCategory[i]}
            checked= {true} />);
    }
    return checkBoxComponentList;
}
renderParts(){
让checkBoxComponentList=[];

对于(让i=0;我不会忘记
CheckBoxComponent
key
prop。您还可以使用
sellablePartsCategory.map(callbackFunction)
稍微优化此代码)乐意帮助:)另外,合并您的编辑以回答@fazeelreact:)@KartalErkoc如何处理每个要检查的复选框的onPress事件?@fazeelreact,这需要另一个问答线程,但为了给您一个想法,您可以在
CheckBoxComponent
中将
值保持为
状态,并进行切换按下时,它介于真与假之间。这还要求您将
onPress
prop函数添加到您的
复选框
元素中,就像
checkedColor
checked
props一样。您可以将其作为单独的问题提问。因为,我无法更改上述答案,因为它为您的初始设置了正确答案l提问。嗨@fazeelreact,你能把答案标记为已接受吗?这对我也有帮助:)
renderParts(){
    let checkBoxComponentList = [];
    for(let i=0; i<sellablePartsCategory.length; i++){
        checkBoxComponentList.push(<CheckBoxComponent 
            title={sellablePartsCategory[i]}
            checked= {true} />);
    }
    return checkBoxComponentList;
}