如何动态添加列以做出反应-Excel工作簿？

Question

我想从状态中的检查值中获取列值，但是说此错误 道具类型失败：道具children在Sheet中标记为必需，但其值为undefined。     在工作表中

async   export() {

    return (<Workbook filename="example.xlsx" element={<button className="btn 
 btn-lg btn-primary">Try me!</button>}>
        <Workbook.Sheet data={this.state.assets} name="Sheet A">

            {
                Object.keys(this.state.checkboxes).filter(checkbox => 
                   this.state.checkboxes[checkbox])
                    .forEach(checkbox => {

                        return (
                            <React.Fragment key={checkbox}>
                                <Workbook.Column label={checkbox}        
                                  value {checkbox} />  
                            </React.Fragment>
                        );
                        // console.log(checkbox, "is selected.");
                        // return( <Workbook.Column label={checkbox}    
                                       value={checkbox} />);

                    })

            }


        </Workbook.Sheet>

    </Workbook>);
   }

这是我的构造函数：

 constructor(props) {
    super(props);
    this.state = {
        assets: [],
        checkboxes: OPTIONS.reduce(
            (options, option) => ({
                ...options,
                [option]: false
            }),
            {}
        )
      }
    console.log(this.state.checkboxes);
    this.export = this.export.bind(this);
   }