clarencec / react-handbook

记录 react :poultry_leg: react 技术栈 :meat_on_bone: 知识点、笔记、错误情况遇到的坑

React 笔记

react API

揭密React setState

react组件

React 组件的生命周期

React v16.3 版本新生命周期函数浅析及升级方案

React 组件间通讯

React组件之间的通信

谈一谈创建React Component的几种方式

深入理解React 高阶组件

React-Router browserHistory浏览器刷新出现页面404解决方案

React生命周期简单分析

高性能 React 组件

React refs (新版16.3以上)

React ref 指北教程

Context API ⭐ (新版16.3以上)

React 全新的 Context API

全新的 React Context API

React 合成事件

React 合成事件

Issues

Unexpected token &lt Error

[干货]一篇笔记入门React

从零搭建React全家桶框架教程

React 灵魂 23 问，你能答对几个？

React Route

深入理解 react-router 路由系统

react-router和react-router-dom的区别

[译]简明React Router v4教程

关于 React Router 4 的一切

React-Redux

State

redux的state树应该如何设计？

如何优雅的设计Redux的Store中的State树

用 useContext + useReducer 替代 redux

高阶组件

「react进阶」一文吃透React高阶组件(HOC)

Hook

useEffect 完整指南

源码

16.8.*

*React Fiber Architecture

react-handbook's Issues

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null

Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null

遇到这错误是 React render Component 的时候，return 了 undefined 值的情况。你要注意 return 后返回的是返回不正确组件。

比如下面这个情况很多时候就会出现上面的错误：

Wrong

render() {
    return
    (
        <div>Here comes JSX!</div>
    )
}

Correct

  render() {
        return (
             <div>Here comes JSX!</div>
        )
  }

React Router NavLink 和 Link 的区别