React - JSX- 之if逻辑判断

最新推荐文章于 2024-08-03 08:56:57 发布

往前的

最新推荐文章于 2024-08-03 08:56:57 发布

阅读量4.2k

点赞数

分类专栏： React 文章标签： React 前端框架 javascript React 前端框架 JSX

本文链接：https://blog.csdn.net/m0_37355951/article/details/72823964

版权

React 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

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方法以及调用是语句，其实还是很简单的