Javascript 是否有一种使用react附加组件的方法？

基本上，我希望用户单击一个按钮，将

组件添加到页面中。他们可以继续点击按钮，并创建更多的

组件

伪码

render() {
    return (
        <button onClick={this.addMessage}></button>
        <Message />
        //basically a new message component would spawn here so it would look like this if the person clicked the button 3 times

        <Message /> 
        <Message /> 
        <Message /> 

    );

}

addMessage = () => {
   create new Message component
}

render（）{
返回(
//基本上，这里会产生一个新的消息组件，因此如果用户单击按钮3次，就会出现这样的情况
);
}
addMessage=（）=>{
创建新的消息组件
}

使用状态对象执行您想要的操作。比如说,

const [messages, setMessages] = useState([]);
const wasClick = (data) => {
    setMessages([...messages, data]);
}

然后在渲染函数中

messages.map(message=><Message message={message}/>)

messages.map（message=>）

使用状态对象执行您想要的操作。比如说,

const [messages, setMessages] = useState([]);
const wasClick = (data) => {
    setMessages([...messages, data]);
}

然后在渲染函数中

messages.map(message=><Message message={message}/>)

messages.map（message=>）

提示。。。每次单击都会添加到状态为的数组中，然后在render（）中映射该数组，每次迭代都会创建一个新的

，正如@charlietfl所说，用户的每个操作都会设置一个新数组，其中包含一个额外的项：）这是否回答了您的问题？提示。。。每次单击都会添加到状态为的数组中，然后在render（）中映射该数组，每次迭代都会创建一个新的

，正如@charlietfl所说，用户的每个操作都会设置一个新数组，其中包含一个额外的项：）这是否回答了您的问题？