React_React全部文章-天翼云

React-Router-Switch

Switch默认情况下路由会从上至下匹配所有的 Route, 只要匹配都会显示如果 Route 没有指定path, 那么表示这个 Route 和所有的资源地址都匹配新建 Other.js:App.js:在页面的体现就是不管你点击的是

React-Router-嵌套路由

嵌套路由(子路由)路由里面又有路由, 我们就称之为嵌套路由新建 Discover.js:App.js:注意点如果要使用嵌套路由, 那么外层的路由不能添加精准匹配exact如果子路由的组件是在 BrowserRouter or Has

React-Router-Redirect

Redirect资源重定向, 也就是可以在访问某个资源地址的时候重定向到另外一个资源地址例如: 访问 /user 重定向到 /login假如说我现在需要实现这么一个功能就是当用户登陆过了之后访问 /user 时就显示用户相关的组件信息，否则

React-Redux-优化

在上一篇 React-Redux-基本使用的文章当中其实是存在问题的主要问题有以下几点：store、action、reducer 代码都写在一个文件中，不利于维护(后续文章解决)action 和 reducer 中都是使用字符串来

React-Redux-基本使用

安装安装稳定版：index.js:监听状态的改变从 Store 中获取存储的状态修改 Store 中存储的状态

React-组件-内联样式

React 中的样式React 并没有像 Vue 那样有提供特定的区域给我们编写 CSS 代码所以你会发现在 React 代码中, CSS 样式的写法千奇百怪内联样式内联样式的优点：内联样式, 样式之间不会有冲突可以动态获取当前stat

React-跨组件通讯

首先介绍一下跨组件通讯的之间的关系，如下图：父子通讯如果我们想在爷爷组件当中给儿子进行通讯，那么该如何进行实现呢，首先来看第一种方式就是一层一层的传递，为了方便观察这里博主就直接都定义在一个文件当中, 先来看从爷爷给到儿子方法的这么一个过程

React-Redux-其它组件中使用

紧接着上一篇 React-Redux-综合运用(在React中使用) 的内容，本文主要介绍的是 Redux 在其它组件当中的使用以及注意点，在 src 目录下创建一个 component 目录在目录当中创建一个 home 与 abo

JSX-灵活性

JSX 灵活性JSX 使我们在 JS 中拥有了直接编写 XML 代码的能力所以在 JS 中能干的事, 在 JSX 中都能干例如有如下这么一个需求：通过按钮控制界面上 p 标签的显示和隐藏：博主的实现代码如上，因为在 {} 中的内容