class Test extends React.Component{
state={name: "John", numTimes: 2};
render() {
let output = ""
for (let i = 1; i <= this.state.numTimes; i++) {
let evenOdd = i % 2
if (evenOdd === 0) {
output += i + ". Hello " + this.state.name + "!"
} else {
output += i + ". Hello " + this.state.name
}
}
return <p>{output}</p>
}
}
ReactDOM.render(<Test /> , document.getElementById("react"));
<div id="react"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
我正在设置一个应用程序,它将通过输入获取用户名以及他们希望他们的名字显示多少次。
我试过设置它的样式,使用“\n”和断线将我自己的断线添加到输出中。
render() {
let output = ""
for (let i = 1; i <= this.state.numTimes; i++) {
let evenOdd = i % 2
if (evenOdd === 0) {
output += i + ". Hello " + this.state.name + "!"
} else {
output += i + ". Hello " + this.state.name
}
}
return <p>{output}</p>
}
我的 for 循环会打印出来!在偶数和奇数上没有任何东西,所以如果他们为数字做 2,则期望的结果将是
1. 你好约翰
2. 你好约翰!
等等...
我没有得到任何错误只是一个不正确的输出......
尝试使用 div 作为它的块级元素,这样它就会自动转到下一行
let output= []
for (let i = 1; i <= this.state.numTimes; i++) {
let evenOdd = i % 2
if (evenOdd === 0) {
output.push(<div key={i}>{i + ". Hello " + this.state.name + "!"}</div>)
} else {
output.push( <div key={i}>{i + ". Hello " + this.state.name}</div>)
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句