随笔分类 - reactjs
reactjs知识
摘要：react props function HelloMessage(props) { return <h1>Hello {props.name}!</h1>; } const element = <HelloMessage name="Runoob"/>; ReactDOM.render( elem
阅读全文
摘要：实例 class Counter extends React.Component{ constructor(props) { super(props); this.state = {clickCount: 0}; this.handleClick = this.handleClick.bind(th
阅读全文
摘要：实例 <div id="example"></div> <script type="text/babel"> function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage />
阅读全文
摘要：实例 class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { return ( <div> <h1>Hello, wo
阅读全文
摘要：实例 <div id="example"></div> <script type="text/babel"> class LoginControl extends React.Component { constructor(props) { super(props); this.handleLogi
阅读全文
摘要：<div id="example"></div> <script type="text/babel"> class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn
阅读全文
摘要：实例1 <div id="example"></div> <script type="text/babel"> const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((numbers) => <li>{numbers}</li>
阅读全文
摘要：react语法 ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); JavaScript 表达式 ReactDOM.render( <div> <h1>{1+1}</h1> </div> , d
阅读全文
摘要：Node.js安装 下载并默认安装node.js https://nodejs.org/en/ 检测是否安装成功 node -v npm -v 更换镜像地址 淘宝的cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org
阅读全文
摘要：input框 <div id="example"></div> <script type="text/babel"> class Content extends React.Component { render() { return <div> <input type="text" value={t
阅读全文
摘要：官网及中文文档 https://reactjs.org https://github.com/facebook/react https://react.docschina.org/ 教程网址 https://reactjs.org/docs/rendering-elements.html CDN <
阅读全文
