从JSON / ARRAY动态渲染RadioButton

时间:2019-02-06 13:15:01

标签: react-native radio-group

试图从JSON动态呈现RadioButton,但我不断收到消息undefined is not a function (evaluating 'props.Options.map')

如果我做console.warn(JSON.stringify(props.Options)),它将为我返回一个数组。我非常确定它是一个数组。另外,在下面找到API图片输出

JSON示例图片 enter image description here

以下代码

    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

请引导我注意我做错了什么。

0 个答案:

没有答案