Programming VIP

Before, there was less input on the written page, so no single component was proposed. Today, I studied the input component, but shared an onChange problem card for a while. After checking, I found several better ways to share: Method 1 Input component let Input = React.createClass({ getInitialState: function() { return { } ...

0x001 lead to problems Let's start with a chestnut: class App extends React.Component { render() { return ( <h1></h1> <h1></h1> ) } } ReactDom.render( <App theme='dark'/>, document.getElementById('app') ) The render in the chestnut above returns two siblings ...

subject https://www.luogu.org/problemnew/show/P1141 This solution is mainly for my personal problems and attention. Solving problems Let's start with the Unicom block For example, if a fish swims in a pond, then in the case of unlimited time, the small fish will swim across all positions of the pond, which has nothing to do with the starti ...

Let's look at this code first: import React from 'react'; //In the final rendering, you need to call the react DOM library to render jsx to all pages import ReactDOM from 'react-dom'; import * as serviceWorker from './serviceWorker'; let h = <React.Fragment> <h2>hello</h2> <ul></ul> </React.Fragment ...

Introducer The requirement is to pull up and load data, which is actually to obtain paging data. The background is the normal ajax request paging data. The small program part is a little more complex. I checked some data, but I couldn't find the link to the data, so I can't put it for reference. Applet page When it comes to data loops, here's a ...

1. Event definition The name of the React event binding attribute is written in camel style, not lowercase. If you use JSX syntax, you need to pass in a function as an event handler instead of a string Define the function in the class component and call it by this. Function name class GreateH extends React.Component{ static defaultProps = { ...

What is Mobx A simple and expandable state management tool install npm install mobx --save Core concept State State is the data that drives the application, and the change of state will affect the view. import {observable, autorun} from 'mobx'; var todoStore = observable({ /* Some observed states */ todos: [] }); Derivations (derivativ ...

1.x and 2.x versions yarn add react-navigation # or with npm # npm install --save react-navigation 3.x version yarn add react-navigation # or with npm # npm install react-navigation yarn add react-native-gesture-handler react-native-reanimated # or with npm # npm install react-native-gesture-handler react-native-reanimated 1. If your version ...

1. New features of ES6 (2015) class Modularization Arrow function Function parameter defaults Template string Destructuring assignment Extension operator Object attribute shorthand Promise Let and Const 1.1 module ES5 does not support native modularity, and modules are added as an important part of ES6. The function of the module is mainly co ...

No longer advocate centralized routing! Nested routing is no longer the use of {props.children}. Each route is a React component. react-router-dom In the web side, you only need to import this package, because it takes a lot of things from the react router. // @types/react-router-dom/index.d.ts export { ...... } from 'react-router'; Then look a ...