关于在Render里面使用变量
文章目录

React&Tips: 关于在Render里面使用变量.md

其实和Java的class一样,render里面可以直接调用prop参数

1
2
3
4
5
6
7
8
9
10
11
12
13
class Root extends React.Component{
  constructor(props) {
    super(props);
  }

  render(){
    return (
      <div>
      {WelcomeList(this.props.nameList)}    //这里可以直接使用this.prop
      </div>
    );
  }
}

在React中使用数组作为参数

简单易懂,直接赋值一个数组即可,不用加双引号,不然会被当做长字符串

1
2
3
4
5
6
var nameList = ["Mike","Jack","Dick"];
ReactDOM.render(
  <Root nameList={nameList}/>,
  // <Root nameList="{nameList}"/>, // This is wrong
  document.getElementById('root')
);