React - JSX- 之if逻辑判断

1.React就是JS也就是它可以进行逻辑判断，例如循环或if，这里主要是if语句

2.html还是简单的div标签

<div id="root">

</div>

3.React代码：

const fruit = {
  orange:"橘子",
  apple:"苹果"
};

function favor(fr){
  if(fr==fruit.apple){
    return fruit.orange;
  }else {
    return fruit.apple;
  }
}
const element = (
  <h1>
   我喜欢的水果是 {favor(fruit.apple)}!
   你喜欢的水果是 {favor(fruit.orange)}!
  </h1>
);
ReactDOM.render(
  element,
  document.getElementById("root")
);

主要观察 favor方法 以及 调用是语句，其实还是很简单的