我正在嘗試基于像這樣的可變類型在我的渲染中動態地多個項目<div>  <Multiple    multiple={props.multiple}    base1={props.base1}    exp1={props.exp1}  /></div>const Multiple = (props) => {    let result = "";    let wtf = "";    console.log("test"); // gets triggered    for(let i = 0; i < props.multiple; i++){        console.log("i: "+i); // gets triggered        result.concat("{props.base1} +"); // this doesn't work for some reason        wtf = i; // gets triggered    }    console.log("result: "+result); // result is blank    console.log("wtf:" +wtf);    return <span>{result}</span>;}問題 1：即使我進入了 for 循環，我的結果也沒有改變，我不明白為什么。另外因為我還不能讓它工作，我想問：如果我這樣做，我將 {props.base1} 作為字符串連接起來，當我在渲染中返回它時，它會顯示為“{ props.base1}" 還是會呈現為變量值？這是一個關于它應該是什么樣子的例子：base1 = abcmultiple = 2resulting render should look like:abc + abc +在渲染之前將我的道具連接成一個字符串會導致它看起來像這樣而不是上面的塊嗎？{props.base1} + {props.base1} +問題 2：還編輯，由于某種原因，<Multiple>組件中的所有內容都在無限觸發，我也不明白為什么會這樣