iuap-design / tinper-bee

🐝 一套基于 react.js 和 iuap design 设计语言实现的前端组件库 http://bee.tinper.org
MIT License
542 stars 71 forks source link

Radio使用map循环创建报props不存在错误 #632

Closed guanshen871 closed 3 years ago

guanshen871 commented 4 years ago

环境及版本信息

您所在的部门或项目名称:

陈官胜 集团流程与IT支撑

描述这个问题:

1、组件相关代码

希望RadioGroup中的Radio实现动态数据创建

import React from 'react'
import { Radio } from 'tinper-bee';

function getYearRadio(yearData) {
    if (yearData && yearData.length) {
        const radioList = yearData.map(year =>  <Radio  key={year.value} value={year.value}>{year.name}</Radio>)
        console.log(radioList);
        return radioList
    }
}

export const SelectYear = props => {
    return (
        <Radio.RadioGroup name="serviceYear" selectedValue={props.defaultValue} onChange={props.handleChange} >
            <Radio value="1" disabled>苹果</Radio>
            <Radio value="1" disabled>苹果</Radio>
            {
                getYearRadio(props.yearData)
            }
        </Radio.RadioGroup>
    )
}

2、报错信息

image