has been using react, to watch vue recently. It feels so easy to use keep-alive.
before react data are managed by redux. When you get the data, you judge whether the length of the data is 0. If the length of the data is 0, you can get it if it is 0, and if it is not 0, you will not get it. However, the internal state, of the component will still be lost.
I don"t know how to use react to achieve the effect of keep-alive.
react-router to achieve an effect similar to < keep-alive > < / H1 >.
when using < Route > , the components corresponding to the route cannot be cached forward or backward, resulting in the loss of data and behavior
for example: after scrolling to the bottom of the list page, click to jump to the details page, return to the top of the list page, and lose the record of scrolling position and data
The components configured in < Route > will be uninstalled when the paths do not match, and the corresponding real nodes will be removed from the dom tree
after reading the source code of Route, I found that children can be used as a method to help manually control the behavior of rendering
hiding instead of deleting can solve the problems encountered
< H2 > how to use < / H2 > use < CacheRoute > to replace < Route >
use < CacheSwitch > to replace < Switch >
< KeepAlive > function in < H1 > React < / H1 >
there is a keep-alive component function in vue, but it is not officially supported by React. This side also tries to implement
. < H2 > usage < / H2 > https://github.com/rt2zz/redu. Previous: Is it always unsuccessful for Ubuntu to install docker,add-apt-repository?
Next: Shell script enables Linux to deploy workerman with one click
write a component by yourself: < len-carousel > when using: <len-carousel> <div v-for="(item,index) in 4" :key="index"> {{item}} < div> < len-carousel> how do I get the chil...
such as var map = { a: 1, b :2, c :3 } As a matter of fact, there is no map object for . I hope this map is a regular expression. How to write to realize the change from abc to 123 and how to find this regular expression with replac...
...
requirements: you can configure the background interface, configure the interaction mode, and drag and drop a parent system of the generation interface if you do not know, please recommend a portal or provide project ideas, or provide development ideas...
scenarios are as follows: I wrote the code related to the end touch event, which determines whether to use the touch event or the mouse event according to ua and ( touchstart in window)). but when testing jest, the default ua is PC. How to chan...
1, the effect you want to achieve 2, the code is as follows: app.title = World population-bar chart ; option = { title: { }, tooltip: { trigger: axis , axisPointer: { type: shadow } }, legend: { }, grid: { left:...
can it be done simply through his api (requireFailure,recgnizeWith, etc.)? here is an example I wrote. Please help me improve the above requirements https: codepen.io russell201.. if it is more complicated, I think it can also be judged by the isF...
< H1 > does JSX have a template tag similar to vue? < H1 >...