react-trello中的自定义通道头

时间:2019-07-08 06:14:18

标签: javascript reactjs

我使用的是react-trello 2.1版,我想为trello板上的每个通道自定义标题。有人可以帮我吗?

如果我们遍历原始文档https://www.npmjs.com/package/react-trello,则可以使用customLaneHeader道具自定义通道头,但是对于板级组件中的所有通道而言都是相同的。我要自定义泳道标题,以便董事会中的所有泳道都不同。我也想在泳道标题文本旁边有按钮/图标,每个按钮/图标都有不同的回调,但是我不知道该怎么做。

我正在使用react-trello库中的一个简单的Board组件。以下是我正在使用的源代码:

import React from 'react'
import Board from 'react-trello'

export default class App extends React.Component {
  render() {
    return <Board data={data} draggable/>
  }
}

我的json是:

const data = {
  lanes: [
    {
    id: 'lane1',
    title: 'Planned Tasks',
    label: '2/2',
    cards: [
      {
        id: 'Card1',
        title: 'Write Blog',
        description: 'Can AI make memes', 
        label: '30 mins'
      },
     {
        id: 'Card2',
        title: 'Pay Rent',
        description: 'Transfer via NEFT',
        label: '5 mins'
     }
  ]
},
{
  id: 'lane2',
  title: 'Completed',
  label: '0/0',
  cards: []
}

] }

0 个答案:

没有答案