javascript - React 正在渲染 [Object object] 而不是数组内的 JSX 元素

Question

我的 React 应用程序中有这个按钮数组:

const buttons = [    
<Button label='Close' onClick={props.handleClose} />,
<Button label='Save' onClick={props.handleSubmit} />,
<Button label='Reset' onClick={props.handleReset} />
]

但是当我渲染它们时:

render() {
    return (
        <div className='buttons'>{buttons.join()}</div>
    )
}

我得到:

 Object object Object object Object object

我想获取那些元素。

Answer 1

不需要使用.join()。只需传递一个这样的数组就足够了:

render() {
    return (
        <div className='buttons'>{buttons}</div>
    )
}