Skip to content

Commit

Permalink
docs: update docs/React/redux.md
Browse files Browse the repository at this point in the history
  • Loading branch information
qiufeihong2018 committed May 8, 2024
1 parent f61b937 commit 062dacd
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 6 deletions.
10 changes: 6 additions & 4 deletions docs/React/import css.md
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,9 @@ export default Test;

上面可以看到,`css`属性需要转换成驼峰写法

这种方式优点:
这种方式

优点:

- 内联样式, 样式之间不会有冲突
- 可以动态获取当前state中的状态
Expand Down Expand Up @@ -133,7 +135,7 @@ export default class App extends PureComponent {

`css`文件作为一个模块引入,这个模块中的所有`css`,只作用于当前组件。不会影响当前组件的后代组件

这种方式是`webpack`特工的方案,只需要配置`webpack`配置文件中`modules:true`即可
这种方式是`webpack`特有的方案,只需要配置`webpack`配置文件中`modules:true`即可

```jsx
import React, { PureComponent } from 'react';
Expand Down Expand Up @@ -235,8 +237,8 @@ export default Test;

通过上面四种样式的引入,可以看到:

- 在组件内直接使用`css`该方式编写方便,容易能够根据状态修改样式属性,但是大量的演示编写容易导致代码混乱
- 组件中引入 .css 文件符合我们日常的编写习惯,但是作用域是全局的,样式之间会层叠
- 在组件内直接使用`css`该方式编写方便,容易能够根据状态修改样式属性,但是大量的样式编写容易导致代码混乱
- 组件中引入 .css 文件符合我们日常的编写习惯,但是作用域是全局的,样式之间会重叠
- 引入.module.css 文件能够解决局部作用域问题,但是不方便动态修改样式,需要使用内联的方式进行样式的编写

- 通过css in js 这种方法,可以满足大部分场景的应用,可以类似于预处理器一样样式嵌套、定义、修改状态等
Expand Down
4 changes: 2 additions & 2 deletions docs/React/redux.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@

整个流程就是借书的用户需要先存在,然后需要借书,需要一句话来描述借什么书,图书馆管理员听到后需要查一下记录本,了解图书的位置,最后图书馆管理员会把这本书给到这个借书人

转换为代码是,`React Components` 需要获取一些数据, 然后它就告知 `Store` 需要获取数据,这就是就是 `Action Creactor` , `Store` 接收到之后去 `Reducer` 查一下, `Reducer` 会告诉 `Store` 应该给这个组件什么数据
转换为代码是,`React Components` 需要获取一些数据, 然后它就告知 `Store` 需要获取数据,这就是 `Action Creactor` , `Store` 接收到之后去 `Reducer` 查一下, `Reducer` 会告诉 `Store` 应该给这个组件什么数据



Expand Down Expand Up @@ -173,7 +173,7 @@ store.dispatch({
- createStore可以帮助创建 store
- store.dispatch 帮助派发 action , action 会传递给 store
- store.getState 这个方法可以帮助获取 store 里边所有的数据内容
- store.subscrible 方法订阅 store 的改变,只要 store 发生改变, store.subscrible 这个函数接收的这个回调函数就会被执行
- store.subscribe 方法订阅 store 的改变,只要 store 发生改变, store.subscribe 这个函数接收的这个回调函数就会被执行


## 参考文献
Expand Down

0 comments on commit 062dacd

Please sign in to comment.