Javascript React正在呈现[Object Object]，而不是数组中的JSX元素

我的React应用程序中有一系列按钮：

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

---

我想得到这些元素。

没有必要使用

.join（）

。只需传递这样一个数组就足够了：

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

render（）{
返回(
{按钮}
)
}

为什么需要使用

加入

。没有必要

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}</div>
    )
}

const按钮=[
,
,
]
render（）{
返回(
{按钮}
)
}

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

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}</div>
    )
}