美文网首页
JSX的表达式

JSX的表达式

作者: 风筝啊 | 来源:发表于2017-08-06 10:43 被阅读0次

javascript中也有表达式,什么加减乘除,在这里也有表达式,但是表达式必须写在{}里面,否则就按文本显示出来

ReactDOM.render(
    <p>1+1={1+1}</p>,
    document.getElementById('demo')
);

输出结果:1+1=2;
当然还可以试试其他的

ReactDOM.render(
    <div>
        <p>1+1={1+1}</p>
        <p>1-1={1-1}</p>
        <p>2*2={2*2}</p>
        <p>4+2={4+2}</p>
        <p>5%3={5%3}</p>
    </div>,
    document.getElementById('demo')
);

除了这些,原生js里面表达式还有if..else..判断,但是在这里不能用if...else...,可以用三元运算代替。其实就是简写的if...else...。
下面的语句是:如果5>2并且5<3那么就返回true否则返回false,但这表达式5<3不成立。所以返回的是false。

ReactDOM.render(
    <div>
        {(5>2&&5<3)?'true':'false'}
    </div>,
    document.getElementById('demo')
);

输出结果:false;

PS:三元运算后面不用加‘;’分号结尾了,否则会出现错误。

相关文章

  • React(JSX 语法)

    一、JSX 语法 1.在 JSX 中嵌入表达式:在 JSX 中嵌入表达式,必须用{}将表达式括起来。 2.JSX ...

  • 初识React-JSX

    JSX 1.Javascript表达式嵌入到jsx中;html中需要引入js: 2.JSX作为表达式 3.属性指定...

  • JSX简介

    jsx——一种JavaScript的语法扩展,在html中写入js 在jsx中使用表达式,在jsx当中的表达式要包...

  • React基础学习总结

    一、JSX语法 1、花括号 { } 把任意的 [JavaScript 表达式]嵌入到 JSX 中 2、JSX可作表...

  • React 核心概念

    JSX JSX 是一个表达式,JSX的值是一个JS对象,因此可以再if for代码块中使用JSX,也可以将JSX赋...

  • react 起步 简单的表达式

    1.三元表达式 你可以任意地在 JSX 当中使用JavaScript 表达式,在 JSX 当中的表达式要包含在大括...

  • React学习笔记

    JXS: 你可以任意地在 JSX 当中使用 JavaScript表达式,在 JSX 当中的表达式要包含在大括号里。...

  • React入门:关于JSX语法二

    而创建子元素可以直接交给JSX转化器 Javascript表达式 在JSX语法中写Javascript表达式只需要...

  • 006|React之条件渲染

    JSX表达式中可以使用&&来达到if语句的效果: 若要在JSX中达到if...else效果,可以使用if三元表达式...

  • JSX简介

    声明一个JSX变量 可见jsx声明的时候既不是字符串也不是HTML标签 嵌入javascript表达式 jsx可以...

网友评论

      本文标题:JSX的表达式

      本文链接:https://www.haomeiwen.com/subject/zrpilxtx.html