React/practise/03.条件渲染.jsx

// 条件渲染
// 技术方案：三元表达式（常用）、逻辑 && 运算

// 1. 三元表达式：满足条件才渲染一个 span 标签
var flag = true

//  2. 逻辑 && 运算

function App() {
  return (
    <div className="App">
      { flag ? <span>this is span</span> : null}
      {/* 如果模板比较复杂，可以使用（）进行包裹 */}
      { flag ? (<div><span>this is span</span></div>) : null}

      { false && <span>666666666</span>}
      { true && <span>666666666</span>}
    </div>
  );
}

export default App;