2019-02-14に投稿

react-bootstrap-tableを大量に使っているときのカラム管理のベストプラクティスを知りたいです。

bResultColumnsが該当箇所です。
jsonではformatterを記述できないので、jsで書いてexportするのがベストかなとは思っていますが。

const seasonFormatter=(cell,row)=>{
    if(row.league_id===null){
        return (<b>通算</b>)
    }else{
        return cell
    }
}

const gameFormatter=(cell,row)=>{
    if(row.game_date !== null){
        return moment(row.game_date).format('MM/DD')+'-'+row.game_number+'対'+row.opponent_name
    }else{
        return <b>{row.title}通算</b>
    }
}
const bResultColumns = [
{
        dataField: 'title',
        text: 'シーズン',
        classes:'int',
        formatter:seasonFormatter
    },
    {
        dataField: 'tpa',
        text: '打席数',
        classes:'int',
    },
    .....
    ]


ckoshien

個人開発5年目。普段はフロントエンドエンジニア。 ReactJS/NextJS/NodeJS/ReactNative/Java

コメント

タグ

投稿月