Reactjs 如何添加div*num？ 类AddForm扩展组件{ render（）{ 返回( 自闭症 ); } } 让addComponents=（num）=>{ 让我； 对于（i=0；i{ 设arr=[]； for（设i=0；i{ 设arr=[]； for（设i=0；i{ 返回（）； } {addComponents（this.state.addNum）}

我想要附加asd*num 但自闭症只是其中之一

this.state.addNum=1

如何添加asd*num

---

对不起，我英语不好

您的函数

addComponent

返回单个组件，而实际上它应该返回一个组件数组

class AddForm extends Component {
    render() {
        return (
            <div>
                asd
            </div>
        );
    }
}

let addComponents = (num) => {
    let i;
    for(i = 0; i < num; i++) {
        return (<AddForm />);
    }
}

<div className="add">{ addComponents(this.state.addNum) }</div>

const addComponents=（num）=>{
设arr=[]；
for（设i=0；i

您的函数

addComponent

返回单个组件，而实际上它应该返回一个组件数组

class AddForm extends Component {
    render() {
        return (
            <div>
                asd
            </div>
        );
    }
}

let addComponents = (num) => {
    let i;
    for(i = 0; i < num; i++) {
        return (<AddForm />);
    }
}

<div className="add">{ addComponents(this.state.addNum) }</div>

const addComponents=（num）=>{
设arr=[]；
for（设i=0；i

我希望您想要这样的输出。。 如果num=3，则输出应为“asd asd asd”

其代码为：

const addComponents = (num) => {
    let arr = [];
    for(let i = 0; i < num; i++) {
        arr.push(<AddForm />);
    }
    return arr;
}

类AddForm扩展组件{
render（）{
var str=“asd”；
对于（var i=1；i{
返回（）；
}
{addComponents（this.state.addNum）}

如果您正在寻找这样的输出…（asd*3）如果num=3，则使用以下代码

class AddForm extends Component {
  render() {
    var str = "asd ";
    for(var i=1; i<this.props.num; i++) {
      str = str+ "asd ";
    }
    return (
        <div>
            {str}
        </div>
    );
  }
}

let addComponents = (num) => {
    return (<AddForm num={num} />);
}

<div className="add">{ addComponents(this.state.addNum) }</div>

类AddForm扩展组件{
render（）{
返回(
asd*{this.props.num}
);
}
}
让addComponents=（num）=>{
返回（）；
}
{addComponents（this.state.addNum）}

在这两种情况下，您都会理解需要将道具传递给子元素，并让子元素决定要渲染的内容

如果您想要这样的输出

class AddForm extends Component {
  render() {
    return (
        <div>
            asd * {this.props.num}
        </div>
    );
  }
}

let addComponents = (num) => {
    return (<AddForm num={num} />);
}

<div className="add">{ addComponents(this.state.addNum) }</div>

asd
自闭症
自闭症

---

那么上面由OB3发布的答案是正确的。

我希望您需要这样的输出。。 如果num=3，则输出应为“asd asd asd”

其代码为：

const addComponents = (num) => {
    let arr = [];
    for(let i = 0; i < num; i++) {
        arr.push(<AddForm />);
    }
    return arr;
}

类AddForm扩展组件{
render（）{
var str=“asd”；
对于（var i=1；i{
返回（）；
}
{addComponents（this.state.addNum）}

如果您正在寻找这样的输出…（asd*3）如果num=3，则使用以下代码

class AddForm extends Component {
  render() {
    var str = "asd ";
    for(var i=1; i<this.props.num; i++) {
      str = str+ "asd ";
    }
    return (
        <div>
            {str}
        </div>
    );
  }
}

let addComponents = (num) => {
    return (<AddForm num={num} />);
}

<div className="add">{ addComponents(this.state.addNum) }</div>

类AddForm扩展组件{
render（）{
返回(
asd*{this.props.num}
);
}
}
让addComponents=（num）=>{
返回（）；
}
{addComponents（this.state.addNum）}

在这两种情况下，您都会理解需要将道具传递给子元素，并让子元素决定要渲染的内容

如果您想要这样的输出

class AddForm extends Component {
  render() {
    return (
        <div>
            asd * {this.props.num}
        </div>
    );
  }
}

let addComponents = (num) => {
    return (<AddForm num={num} />);
}

<div className="add">{ addComponents(this.state.addNum) }</div>

asd
自闭症
自闭症

---

那么上面由OB3发布的答案是正确的。

谢谢你的好意回答谢谢你的好意回答