React Trello - 卡片属性

【问题标题】：React Trello - Card propertiesReact Trello - 卡片属性
【发布时间】：2021-12-04 16:59:59
【问题描述】：

我正在使用带有自定义卡片组件的 React Trello：

             <Board
                data={{ lanes }}
                editable={false}
                components={{ NewCardForm: CardForm, **Card: TrelloCard** }}
                style={{ background: 'transparent' }}
            />

在我的 Trello 卡片组件中，我得到了所有卡片道具，但我想传递额外的道具，我想知道我该怎么做？

【问题讨论】：

需要更多细节。向我们展示您正在尝试执行的TrelloCard 组件的代码？

标签： reactjs trello

【解决方案1】：

你可以这样做：

创建您的自定义卡片组件：

function Card(props) {
 const {yourProps} = props;
 return (<div>{yourProps}</div>)
}

创建组件对象（或直接在Board Component中使用）：

const components = {
  Card: (props) => Card({ ...props, yourProps: 'hello world' }),
};

然后在你的组件中：

<Board
  data={data}
  components={components}
/>

【讨论】：