hlhe_14的博客

var foo = {     x: 3 }   var bar = function(){     console.log(this.x); }  bar(); // undefined  var boundFunc = bar.bind(foo); boundFunc(); // 3我们创建了一个新的函数，在执行时，它的this设置为foo- 而不是全局范围，就像我们调用的例子bar();向...

React 理念第一步：把 UI 划分出组件层级例如 单一功能原则，在理想状况下，一个组件应该只做一件事情。如果这个组件功能不断丰富，它应该被分成更小的组件。第二步：用 React 创建一个静态版本最简单的方式是先创建一个静态版本：传入数据模型，渲染 UI 但没有任何交互。最好把这些过程解耦，因为创建一个静态版本更多需要的是码代码，不太需要逻辑思考，而添加交互则更多需要的是逻辑思考，不是码代码。要...

组件 & Props组件从概念上看就像是函数，它可以接收任意的输入值（称之为“props”），并返回一个需要在页面上展示的React元素函数定义/类定义组件定义一个组件最简单的方式是使用JavaScript函数：function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 该函数是一个有效的Re...

State & 生命周期状态与属性十分相似，但是状态是私有的，完全受控于当前组件。我们之前提到过，定义为类的组件有一些特性。局部状态就是如此：一个功能只适用于类。将函数转换为类你可以通过5个步骤将函数组件 Clock 转换为类创建一个名称扩展为 React.Component 的ES6 类创建一个叫做render()的空方法将函数体移动到 render() 方法中在 render() 方法...

var kvArrays = [{key: 1, value: 10,me:3}, {key: 2, value: 20,me:2}, {key: 3, value: 30,me:1}, {key: 4, value: 60,me:2},]; var reformattedArray = kvArra...

function Mailbox(props) { const unreadMessages = props.unreadMessages; //这里是我容易搞混的地方，props.属性名 return ( <div> <h1>Hello!</h1> {unreadMessages.length > 0 &&...

function Welcome(props) { return <h1>Hello, {props.name}</h1>; } const element = <Welcome name="Sara" />; ReactDOM.render( element, document.getElementById('root') );当React遇到的...

HTML表单元素与React中的其他DOM元素有所不同,因为表单元素生来就保留一些内部状态。当用户提交表单时，HTML的默认行为会使这个表单跳转到一个新页面。在React中亦是如此。但大多数情况下，我们都会构造一个处理提交表单并可访问用户输入表单数据的函数。实现这一点的标准方法是使用一种称为“受控组件”的技术。受控组件在HTML当中，像<input>,<textarea>,...

const scaleNames = { c: 'Celsius', f: 'Fahrenheit' }; function toCelsius(fahrenheit) { return (fahrenheit - 32) * 5 / 9; } function toFahrenheit(celsius) { return (celsius * 9 / 5) + 32; } ...