Reactjs 如何在react native中创建JSON响应的动态复选框?
我是新来的蜜蜂。请原谅我重复的问题。我问的是相关的问题,因为之前关于这个话题的问题对我没有帮助。 我想在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
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;
}