REACT-如何将数据从上方而不是下面添加

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

打印this.state.helpItems array的顺序，您可以：

a。以unshift()的方式将新的helpItems推向this.state.helpItems：

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

或

b。render() this.state.helpItems在reverse()中：

this.state.helpItems.reverse().map(() => ...)

Answer 2

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