如何用redux+redux-sagas修改react组件里的dom元素的样式

1.操作sagas

如何用redux+redux-sagas修改react组件里的dom元素的样式_第1张图片

2.在constant里定义action 的type

如何用redux+redux-sagas修改react组件里的dom元素的样式_第2张图片

3.定义action

如何用redux+redux-sagas修改react组件里的dom元素的样式_第3张图片

4.在reducer里写方法

如何用redux+redux-sagas修改react组件里的dom元素的样式_第4张图片

5.在react组件去引用

如何用redux+redux-sagas修改react组件里的dom元素的样式_第5张图片

如何用redux+redux-sagas修改react组件里的dom元素的样式_第6张图片

如何用redux+redux-sagas修改react组件里的dom元素的样式_第7张图片

如何用redux+redux-sagas修改react组件里的dom元素的样式_第8张图片

最后实现:

点击按钮,让其他dom元素变样式

你可能感兴趣的:(react,前端)