将数组值从一个类传递到另一个类

Question

我是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"))

我的目标是向身体追加两个数组值.

Answer 1

好吧,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"))