Динамически отображать RadioButton из JSON / ARRAY - PullRequest
Новая
       2

Динамически отображать RadioButton из JSON / ARRAY

0 голосов
/ 06 февраля 2019

Попытка динамического рендеринга RadioButton из JSON, и я продолжаю получать сообщение 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 не определено.

Iзнаю, что можно динамически визуализировать RadioButton, используя .map для компонента RadioGroup.

, пожалуйста, направьте меня на то, что я делаю неправильно.

...