用ant-design-pro框架，前后端数据字典放在什么地方处理数据呢

Question

用的是ant-design-pro框架。
现在的情况是从后端获取的数据都是需要转换的，比如，1代表男，2代表女，这种字典转换一般在什么地方进行呢？怎么处理这些数据呢

Answer 1

只需要写一个公共组件和一个配置文件。公共组件可以配置状态和模块两个属性。渲染数据时传参数就可以了。

公共组件：
import React from 'react';
import PropTypes from 'prop-types'
import statusConfig from '../../config/status.config'
export default function Status({status,module}){
    const _m = statusConfig[module];
    if(!_m){
        throw new Error('未定义的status模块：'+module)
    }
    const _obj = _m[status] || {}
    return <span style={{color:_obj.color}}>{_obj.text}</span>
}
Status.propTypes={
    module:PropTypes.string,
    status:PropTypes.string,
};

配置文件：
export default {
    sex: {
        '1': {
            text: '男',
        },
        '2': {
            text: '女',
        },

    },}

渲染数据时引用组件：
 render: (text) => <Status status={text} module="sex"/>