Javascript 如何在React Material UI中克隆任何组件？

我想设置所选选择字段的值，并用空白值附加一个新的选择字段。我已经编写了两个函数

this.state.paramCount = 1;

handleChangeParamList(e) {
  e.preventDefault();
  const str = 'paramSelect' + this.state.paramCount;
  const strOld = 'paramSelect' + (this.state.paramCount - 1);
  this.setState({
    [strOld]: e.target.innerText
  });
  this.setState({
    [str]: e.target.innerText
  }, this.handleCreateSelect);
  console.log(e.target);
}

handleCreateSelect() {
  const str = 'paramSelect' + this.state.paramCount;
  const strOld = 'paramSelect' + (this.state.paramCount - 1);
  const paramsListing = this.state.paramSelectList;
  const paramSelectLists = (<SelectField className="paramNames" onChange={this.handleChangeParamList} value={this.state[str]}>{items}</SelectField>);
  paramsListing.push(paramSelectLists);
  const count = this.state.paramCount + 1;
  this.setState({
    paramSelectList: paramsListing,
    paramCount: count
  });
  console.log(str, strOld, this.state[str], this.state[strOld]);
}

this.state.paramCount=1；
handleChangeParamList（e）{
e、 预防默认值（）；
const str='paramSelect'+this.state.paramCount；
const strOld='paramSelect'+（this.state.paramCount-1）；
这是我的国家({
[strOld]：e.target.innerText
});
这是我的国家({
[str]：e.target.innerText
}，this.handleCreateSelect）；
console.log（如target）；
}
handleCreateSelect（）{
const str='paramSelect'+this.state.paramCount；
const strOld='paramSelect'+（this.state.paramCount-1）；
const paramsListing=this.state.paramSelectList；
const paramSelectLists=（{items}）；
paramsListing.push（paramSelectLists）；
常量计数=this.state.paramCount+1；
这是我的国家({
paramSelectList:paramsListing，
参数计数：计数
});
log（str，strOld，this.state[str]，this.state[strOld]）；
}

既然您发布了当前代码，请告诉我们为什么它不起作用。预期的行为是什么，实际的行为是什么？控制台中有错误吗？如果有，请共享您的错误