JSX與普通JS的數據處理

isCorrect: [{ key: 0, name: '未評價' }, { key: 1, name: '正確' }, { key: 2, name: '不正確' }], // 評價結果

1.JSX處理:一邊處理一邊生成htmlhtml

<Radio.Group  defaultValue={1}>
    {
        this.isCorrect.map(item => item.key 
            ? (<Radio value={item.key}>{item.name}</Radio>) 
            : ''
        )
    }
</Radio.Group>

2.js處理:將數據處理成想要的,再生成htmlthis

<Radio.Group  defaultValue={1}>
    {
        this.isCorrect.filter(data=>data.key).map(item =>
            (<Radio value={item.key}>{item.name}</Radio>)
        )
    }
</Radio.Group>
相關文章
相關標籤/搜索