Question

我试图添加从上方显示，但它已经从下到上提交了。任何反馈欢迎。

render() {
    return (
        <div >
            <h1>Help items list</h1>
            <Table>
                <TH>
                    <TD>Title</TD>
                    <TD>Description</TD>
                </TH>
                {this.state.helpItems.map((child, index) => {
                    // console.log(child)
                    return <TR key={index}>
                        <TD>
                            {child.locale_content.da.help_title}
                        </TD>
                        <TD>
                            {child.locale_content.da.help_description}
                        </TD>
                    </TR>
                }
                )}
            </Table>

            <Button
                label={'Create New'}
                onClick={this.props.handleNew}
            />
        </div>
    )
}

Answer 1

要翻转打印library(purrr) # apply full join sequentially to the datasets in your list list(M1,M2,M3,M4,M5) %>% reduce(full_join, by="year") # year v1 v2 v3.x v4 v5 v3.y v6.x v7 v3 v6.y v8 v9 v10 v11 v12 # 1 2000 16 25 NA NA NA NA NA NA NA NA NA NA NA NA NA # 2 2001 17 26 NA NA NA NA NA NA NA NA NA NA NA NA NA # 3 2002 18 27 NA NA NA 3 2 0 NA NA NA NA NA NA NA # 4 2003 19 28 NA NA NA 4 3 1 NA NA NA NA NA NA NA # 5 2004 20 29 NA NA NA 5 4 2 NA NA NA NA NA NA NA # 6 2005 21 30 6 5 3 6 5 3 NA NA NA NA NA NA NA # 7 2006 22 31 7 6 4 7 6 4 NA NA NA NA NA NA NA # 8 2007 23 32 8 7 5 8 7 5 NA NA NA NA NA NA NA # 9 2008 24 33 9 8 6 9 8 6 9 8 6 NA NA NA NA # 10 2009 25 34 10 9 7 10 9 7 10 9 7 NA NA NA NA # 11 2010 26 35 11 10 8 11 10 8 11 10 8 NA NA NA NA # 12 2011 NA NA 12 11 9 12 11 9 12 11 9 NA NA NA NA # 13 2012 NA NA 13 12 10 13 12 10 13 12 10 NA NA NA NA # 14 2013 NA NA 14 13 11 14 13 11 14 13 11 NA NA NA NA # 15 2014 NA NA 15 14 12 15 14 12 15 14 12 NA NA NA NA # 16 2015 NA NA 16 15 13 16 15 13 16 15 13 NA NA NA NA # 17 2016 NA NA 17 16 14 17 16 14 17 16 14 NA NA NA NA # 18 2017 NA NA 18 17 15 NA NA NA 18 17 15 NA NA NA NA # 19 2018 NA NA 19 18 16 NA NA NA 19 18 16 19 18 16 29 # 20 2019 NA NA NA NA NA NA NA NA 20 19 17 20 19 17 30 # 21 2020 NA NA NA NA NA NA NA NA 21 20 18 21 20 18 31 this.state.helpItems的订单，您可以：

一个。以unshift() esque方式将新array推送到helpItems：

this.state.helpItems

或

B中。 reverse()中的this.setState({helpItems: [newItem, ...this.state.helpItems]}) render()：

this.state.helpItems

Answer 2

this.setState({helpItems: [newItem, ...this.state.helpItems]})

反应 - 如何从上面而不是下面添加数据

2 个答案: