Programmer Group

1, react component brief introduction Component classification: Basic components: basic tags such as input and button, as well as general UI components encapsulated by antd Business component: business abstraction UI composed of basic components. For example, the drop-down box of company department information Block component: a UI block c ...

react is a framework for building user pages, which consists of four major parts: react: core library,React dom: dom operation (using jsx to operate dom elements)React Router: route (similar to vueRouter)redux: centralized state management (similar to vuex) react features: 1) Declarative creates user pages in a form similar to writing html ta ...

Based on my previous article "Write a simple navigation with react route", which expanded above, friends can go to Kangkang.   The methods passed by url are: 1) Direct? Receive: this.props.location.search 2) query receive: this.props.location.query 3) State Receive: this.props.location.state 4) Params reception: this.props.l ...

📢 Hello, I'm Xiaocheng, a sophomore front-end enthusiast 📢 This series of articles is a learning summary of the practical jira task management system 📢 Thank you very much for reading. You are welcome to correct the wrong places 🙏 📢 May you be loyal to yourself and love life In the last article, we wrote the task group pa ...

Deconstruction assignment syntax is a JavaScript expression. By deconstruction assignment, you can take the attribute / value from the object / array and assign it to other variables. This syntax is a new syntax introduced by ECMAscript 6 specification, which makes it easier to get values from arrays and objects. 1. Extract data Let's tak ...

The basic part of react also needs us to grasp it in depth. Like other bloggers, I suggest using the JS package that is convenient for beginners to reference first. I'm also a beginner. That's what I did before. websotrm and vscode tools are OK. The three packages are react.js (Core Library), react-dom.js (providing DOM related services) and br ...

Derived state of React Prior to react 16.3, the only way to update the state s inside a component when props changed was to use componentWillReceiveProps followed by a getDerivedStateFromProps. There are two scenarios when using a derived state: Manage a copy of the props passed by the parent component in the state of the child componen ...

  Recently, in the study of react, vue is used in our work. In the process of learning, we compare the two to deepen our understanding.   The following is a small part of the knowledge points in react, which I personally think is also a common knowledge point. One of the ways of react component communication - routing parameters ...

🌂 preface As we all know, react is a one-way data flow, so it is relatively simple to transfer data, and the relationship between father and son is relatively clear. However, if we want to transfer more complex data, using react alone is not enough. Therefore, we need to use redux for more complex data transmission. In the following arti ...

    First of all, we need to make it clear that setState is not an asynchronous method, which is very similar to the reason for asynchrony: there is a deviation between the call order of hook () and synthetic events and the execution order of setState, resulting in an asynchronous presentation form, resulting in the illusion of asynchro ...