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