码迷,mamicode.com
首页 >  
搜索关键字:jsx 空格与注释    ( 508个结果
React 的 JSX 简介
写在前面 无论是 React 还是 Vue,本质上都是基于 js 实现的一个库,浏览器只能解析 html、css 和 js 三种语法格式的文件,然后渲染对应的元素到浏览器页面。因此无论是 React 还是 Vue 的源码 js 库都是封装的 React 和 Vue 对象或者函数接口,可直接在 js ...
分类:Web程序   时间:2020-07-02 18:02:51    阅读次数:74
react学习之jsx的使用
import React from "react"; import ReactDOM from "react-dom" import './index.css'; import * as serviceWorker from './serviceWorker'; //jsx 需要符合xml规范 // ...
分类:Web程序   时间:2020-06-25 19:17:10    阅读次数:57
vue与react之间的区别
1、写法上面的不同 vue使用的扩展的html写法,就是一个文件里有html、js、css,分开写,react使用的是jsx语法,提倡all in js,也就是样式、js、html混合。 2、渲染方式的不同 vue中对于循环和判断使用的是v-if,v-for等vue指令进行vue组件的渲染,reac ...
分类:其他好文   时间:2020-06-18 12:59:48    阅读次数:56
React-Modal弹出表单组件操作
Modal弹出框集合组件进行表单操作, 1,新建一个表单组件 EditForm.jsx 1 import React from 'react'; 2 import { Form, Input, InputNumber } from 'antd'; 3 const { TextArea } = Inp ...
分类:其他好文   时间:2020-06-17 14:19:37    阅读次数:361
vue生命周期和react生命周期总结
vue框架和react框架虽然都是虚拟dom,组件化开发,其中的不同点还是蛮多的。首先vue的双向绑定而react则是单项数据流。react使用了jsx语法,让编程更组件话。除了这些他们的生命周期还是不一样的 总归他们都经历了 初始化阶段,运行阶段,销毁阶段。其中运行阶段又分渲染和数据更新两部分 先 ...
分类:其他好文   时间:2020-06-12 10:37:10    阅读次数:63
11. react 组合与继承
说明:react 的组合相当于 Vue 中的插槽。 本质: React 元素本质就是对象(object),可以将任何东西作为 props 进行传递。组件可以接受任意 props,包括基本数据类型,React 元素以及函数 1. props.children -- 默认【插槽】: 组件内嵌套的 jsx ...
分类:其他好文   时间:2020-06-08 19:16:51    阅读次数:84
react中使用pre标签不生效的解决方法
一、react中使用pre标签 react中代码: <pre> 我寻你千百度 日出到迟暮 一瓢江湖我沉浮 我寻你千百度 又一岁荣枯 可你从不在 灯火阑珊处 </pre> 界面展示效果: 正常情况下,使用pre标签,pre标签中的内容都会原样展示,但是目前来看,并没有换行效果,这是因为JSX会去除换行 ...
分类:其他好文   时间:2020-06-02 13:32:54    阅读次数:135
五分钟 Styled-components 高级实用技巧
写在前面的废话 回到2013年,React凭空出世。但是在那时,我们会想,oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX,我们又需要把HTML和JS耦合在一起?React 创造了 HTML in JS. 在React中,我们知道,一切即组件。那既然HTML能在js里 ...
分类:其他好文   时间:2020-06-01 00:41:23    阅读次数:105
vue使用jsx语法开发
最近遇到这样一个问题:原本用vue-cli2创建的项目,需要用vue-cli3重构。入口文件声明实例时候,使用的是render模式,而不是模板template。 new Vue({ router, render: h => h(App) }).$mount('#app') 而在我们原有的项目中,一些 ...
分类:Web程序   时间:2020-05-31 19:31:06    阅读次数:124
手动版 轮播图
说几句:最近比较忙,有时间会做封装,并且丰富功能,先贴一个,手动版的轮播图,拿走不谢 jsx部份: import React, { Component } from "react"; import "./RotationChart.less"; import imgOne from "../../. ...
分类:其他好文   时间:2020-05-30 12:40:48    阅读次数:50
508条   上一页 1 2 3 4 5 ... 51 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!