试图从JSON动态呈现RadioButton
,但我不断收到消息undefined is not a function (evaluating 'props.Options.map')
如果我做console.warn(JSON.stringify(props.Options))
,它将为我返回一个数组。我非常确定它是一个数组。另外,在下面找到API图片输出
以下代码
render()
{
return(<View style={{marginTop:10,borderWidth:1, borderColor:'#cecece'}}>
{
(data.Question_type=='multiple_one')?
<View>
<Question_Bank Options={data.Question_Options}/>
</View>
:null
}
</View>)
}
Question_Bank
const Question_Bank = props => {
//let name = props.Question_text;//.replace(/\s+/g, '-').toUpperCase();
return (<RadioGroup onSelect = {(index, value) => { console.warn(index+' - '+ value)}} >
{
props.Options.map(data =>{
return(<RadioButton value={i} >
<Text>{data.Options}</Text>
</RadioButton>)
})
}
</RadioGroup>);
}
export default Question_Bank;
一切看起来都不错,但是由于程序不断告诉我props.Option
未定义,所以一切都不正常。
我知道可以使用RadioButton
组件的.map
动态渲染RadioGroup
。
请引导我注意我做错了什么。