react treading pit does not point completely North (2)

1.img introduces picture paths Local Picture Method 1: <img src={require('../img/icon1.png')} alt="" /> Method 2: import search from '../img/search.png' import user from '../img/user.png' <img src={search} alt="" /> <img src={user} alt="" /> Background Picture Reference Method const divStyle = { color: 'red', ...

Posted by everisk on Sat, 30 May 2020 09:35:26 -0700

Read this article, let you less step on the pits of ArrayList

I am a kite, the official account "ancient kite", a technical public official account not only of technology, but also a 6 slash developer who has been in the program circle for many years, and has been playing Java in the main industry, and Python and React are also playing. The Spring Cloud series has been completed and you can go ...

Posted by ntg on Thu, 28 May 2020 21:31:19 -0700

Dynamic generation of raster layouts using React short code

As a sub-process module of TerminalMACS, React Web Management, uses Ant Design Pro as the framework. The knowledge to which this article applies 1. Use of methods in style file less 2.for Loop Create Button and Raster Layout (flex Layout) 1. Final results and source links As a front-end novice, I spent several days doing this simple functio ...

Posted by transformationstarts on Sat, 23 May 2020 13:45:50 -0700

Ref realizes navigation and rolling positioning

abstract In development projects, there is often a need to click jump to scroll to the anchor. The simplest anchor location is to give a tag a, a tag's href = 'anchor', and then give an id = 'anchor' to the anchor to jump. Referring to the simplest way to realize the jump of anchor point, useRef is used in React to realize the function of jump ...

Posted by smarty_pockets on Fri, 22 May 2020 08:52:14 -0700

React JS to write a simple picture carousel

Summary of knowledge points Local image path loading Two forms of component method component class component prop state createClass is obsolete Create react app scaffold react get DOM node file structure App.js code import React, { Component } from 'react'; import './App.css'; //Method Btns component function ...

Posted by Daijoubu on Fri, 15 May 2020 09:47:32 -0700

Mix react native and applet

background In this paper, we will open a brain hole to integrate and run the small program scheme on the basis of react native project. First look at the effect as follows: Environment construction npm install -g react-native-cli yarn Official Environment construction documents It has been explained in detail and will not be repeated here. You ...

Posted by morphboy23 on Thu, 14 May 2020 01:27:53 -0700

React Native super simple and complete example - tabs, page navigation, hot update, user behavior analysis

Learning React Native for the first time, if there is no guidance, you will find that many things can not be started, but when there is guidance, you will find it is very simple. This is also the main reason for me to write this blog, hoping to help beginners. This article will not introduce how to build a development environment. If you haven ...

Posted by kazer on Fri, 08 May 2020 19:15:12 -0700

Getting Started with React and Learning Notes

React builds JavaScript libraries for user interfaces, primarily for building UI interfaces.Instagram, Open Source, 2013. Characteristic: Declarative design Efficient, uses virtual DOM to render DOM, minimizing DOM operations. Flexible to use with other libraries. JSX, commonly known as JS, writes HTML inside, an extension of JavaScri ...

Posted by TabLeft on Fri, 08 May 2020 10:00:37 -0700

The first day of react learning (version 16.13.1)

1. How react and dom are related In our initialization project, index.html is the entry point of our project In index.js corresponding to the main file of the project, our component is bound to the dom element 2. How to use this object correctly in the calling method 2.1. Actively bind this object when method is called (the best scheme, ...

Posted by leafface on Thu, 07 May 2020 07:13:09 -0700

The second code of java learning (flying chess competition - tortoise and hare race), following the previous blog, is familiar with Arrays and Arrays

The second code of java learning (flying chess competition - tortoise and hare race), following the previous blog, is familiar with Arrays and Arrays Preface Title Description thinking 1. Create a runway class (here only describes how to generate a runway, how to write it as a class is too simple, I will not introduce it): ...

Posted by NZ_Kiwis on Tue, 05 May 2020 22:04:02 -0700