初识react

初识react

欢迎来到React的世界,

jsx中的js

在jsx中加入变量,也就是所谓的动态变化的值,需要用  {}  括起来,若直接输入数组,则在显示的时候会直接显示数组中的元素,默认自动展开了,在一个标签变量中可以套用另一个标签,只需像使用变量一样用  {}  括起来即可;

var a = '1';
let b = [1, 2, 3, 4]
var bool = true
var name = "小明"

var aaa = <h1>sssss{name}</h1>

var span = <span>{a}
  <div>
    <ul>{b}</ul>
    <li>{bool ? 'hahha' : 'wuwuwuwu'}</li>
    <input type="button" value={a}></input>
    {aaa}
  </div>
</span>;

ReactDOM.render(span, document.getElementById('demo1'))

 

上一篇:React 的 JSX 简介


下一篇:Vue render 函数和JSX语法的使用