我是ReactJs的新手,我遇到的问题是数据值没有显示在正文上
class App extends React.Component{
render(){
let arr = ["one","two"]
arr.map(n => <Append val={n}/>)
return
<div></div>
}
}
class Append extends React.Component{
render(){
return(
<div>
{this.props.val}
</div>
)
}
}
ReactDOM.render(<App />,document.getElementById("div"))
我的目标是向身体追加两个数组值.
解决方法
好吧,div是空的,你没有在div中显示地图的结果.所以这就是你没有看到任何东西的原因.一种解决方案是在div中映射追加.此外,如果要在下一行显示div,请确保将其包装在括号中.否则,它将打印undefined并忽略预期的返回值(div等).
class App extends React.Component{
render(){
let arr = ["one","two"]
return (
<div>{arr.map(n => <Append val={n}/>)}</div>
);
}
}
class Append extends React.Component{
render(){
return(
<div>
{this.props.val}
</div>
);
}
}
ReactDOM.render(<App />,document.getElementById("div"))
