在react中state上的嵌套变量中，将一个元素插入到另一个列表中

constructor(props) {
  super(props);
  this.state = {
    list1: ['元素1', '元素2', '元素3'],
    list2: []
  };
}

insertElement() {
  const { list1, list2 } = this.state;
  const element = list1.pop(); // 从list1中取出一个元素
  const newList2 = list2.concat(element); // 将元素插入到list2中
  this.setState({
    list1: list1,
    list2: newList2
  });
}

render() {
  const { list1, list2 } = this.state;
  return (
    <div>
      <div>List1: {list1.join(', ')}</div>
      <div>List2: {list2.join(', ')}</div>
      <button onClick={this.insertElement}>插入元素</button>
    </div>
  );
}