React
zhanghuali2019
这个作者很懒,什么都没留下…
展开
-
React基础 —— JSX
一、什么是JSX? const element = <h1>Hello,world!</h1> 上面这个语句既不是字符串也不是HTML。它就被称为JSX,它是JavaScript的语法扩展。 二、为什么选择JSX? React认为渲染逻辑本质上与其他UI逻辑耦合这一事实:事件如何处理,状态如何随时间变化,以及数据如何准备显示。React不是通过将标记和逻辑放在单...原创 2018-10-30 13:37:51 · 168 阅读 · 0 评论 -
React基础 —— 渲染元素
一、将元素渲染到DOM中 假设<div>你的HTML文件中有一个地方,将React元素呈现到DOM节点,将两者都传递给ReactDOM.render()。 <div id="root"></div> const element = <h1>Hello,world</h1> ReactDOM.render(element,docume...原创 2018-10-30 14:10:33 · 149 阅读 · 0 评论 -
React基础 —— 组件和道具
一、什么是组件? 组件就像JavaScript函数。它们接受任意输入(称为“道具”)并返回描述屏幕上应显示内容的React元素。 二、如何定义组件 1、定义组件的最简单的方法是编写JavaScript函数 function Welcome(props) { return <h1>Hello,{props.name}</h1>; } 此函数是一个有效的Re...原创 2018-10-30 15:54:26 · 259 阅读 · 0 评论