无状态功能性组件

无状态功能性组件（Stateless Functional Component）

对于一些只需接受父组件的 props 或只是展示用的组件，我们并不需要用类来创建，用一个简单的函数创建即可。

承接上例，我们创建一个无状态功能性组件 Navbar，来展示 student 的数量。

Navbar.jsx：

import React from 'react';

const Navbar = (props) => {
  return (
    <ul>
      <li>Student List</li>
      <li>{props.studentsCount}</li>
    </ul>
  );
}
 
export default Navbar;

注意，props 来自其父组件，需要作为函数的参数来传递，并不能使用 this.props 这种用法。