javascript - 我们如何使用 React-bootstrap-table2 为以下 2 个逻辑添加一个格式化程序函数

Question

我们如何使用 React-bootstrap-table2 为以下 2 个逻辑添加一个格式化程序函数

两种逻辑都将在同一列下的 UI 中显示视图和停用图标。我们如何为两个图标添加单个格式化程序功能？

 {
          dataField: "actions", text: "ACTIONS",          
          formatter: (rowContent, row) => {
            let Names= row.Name;
            let NamesArr= Names.split('\n')
            if (!ListNames.includes(dNames) && NamesArr.length === 1) {
              return (
                <span> <img id="deActivate" className='cursor-pointer' onClick={(e) => this.handleDeActivate(e, row)} src={deActivate} alt="This is deActivate icon" /></span>
              )
            }
          }
        },

{
         dataField: "actions",
          text: "ACTIONS",
          formatter: (rowContent, row, index) => {
            return (
                <div>                    
                        <div className="quick-actions-section-1">
                            <button data-tip data-for="view">
                                  <img id="pInfo" onClick={(e) => this.handleP (e, row)} src={viewIcon} alt="This is viewicon" />
                            </button>
                           <ViewTool />
                        </div>                      
                </div>

            )
        },
        },

标签： javascriptreactjsuser-interfacefrontendreact-bootstrap