美文网首页前端
React Day2 基本的语法使用

React Day2 基本的语法使用

作者: 人魔七七 | 来源:发表于2018-07-02 16:26 被阅读14次

JSX 语法类似HTML 又不像,其实它是JS 的扩展写起来像HTML 标签的结构

React 所有的东西都可以组件化 ,Render 返回一个JSX的元素,必须包含一个JSX元素 return返回。

组件继承Component reader 渲染构建DOM 最终插入页面中

JSX 的{}中可以插入 变量 ,表达式, 函数执行的结果等如下图



执行的效果图如下图:


注意:穿插一个技巧代码格式Mac电脑 option command L 快捷键

参考链接:

http://huziketang.mangojuice.top/books/react/lesson7

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449926746982f181557d9b423f819e89709feabdb4000

相关文章

  • React Day2 基本的语法使用

    JSX 语法类似HTML 又不像,其实它是JS 的扩展写起来像HTML 标签的结构 React 所有的东西都可以组...

  • Hello React

    知识点 1、JSX语法     2、React基本语法     3、bower的基本使用     4、babel的...

  • React 语法基本使用介绍

    前面的文章我们已经配置好了环境,接下来熟悉一下 react 的基础语法: 一、认识入口文件 React 中,app...

  • 初试react

    这是学习react时写的第一个react文件,(holle react)使用es6语法和JSX语法) 在react...

  • 2018-03-11

    第一周: 接触react,从基本语法到简单todolist,到使用dva+antd具体项目。基本流程就是 view...

  • react语法结构

    1.react JSX语法原理 react是函数式编程,使用jsx语法来渲染组件。jsx语法是合法的JavaScr...

  • React Native创建新项目

    前言 React Native 是基于 React 框架搭建而成的,使用的是JavaScript语法。React ...

  • react 基本语法

    目录 html模板 ReactDOM.render() JSX 语法 组件 & props props & 纯函数...

  • react的基本语法

    react 官方推荐使用 一种JSX语法,类似xmlreact.js 引入的时候放在react-dom.js的前面...

  • (二)react入门

    react使用的是JSX语法,和vue、小程序语法类似 class属性在react中要写成className 创建...

网友评论

    本文标题:React Day2 基本的语法使用

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