美文网首页
无状态功能性组件

无状态功能性组件

作者: SingleDiego | 来源:发表于2019-08-01 23:22 被阅读0次

无状态功能性组件(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 这种用法。

相关文章

  • 无状态功能性组件

    无状态功能性组件(Stateless Functional Component) 对于一些只需接受父组件的 pro...

  • 无状态功能性组件-Stateless Functional Co

    我们看到 NavBar 中,它是一个只有返回方法的组件,这里面没有事件句柄,没有中间方法去计算什么,只有一个单一的...

  • 服务端测试

    思考:? 如何保证房屋建筑的质量如何保证汽车的质量各环节 各组件 各资源 端到端 功能性和非功能性 功能性 可靠 ...

  • Flutter功能性组件

    Flutter官方并没有对Widget进行官方分类,对其分类主要是为了对Widget进行功能区分。 功能型Widg...

  • 中医芳疗中医现代精油疗法可作为亚健康状态的保健方法。

    [亚健康状态]的定义是身体无器质性病变,但是有一些功能改变的状态。亚健康状态的表现为(1)功能性改变,而不是器质性...

  • React入门(八)无状态组件

    本节知识点 (1) 无状态组件和有状态组件的区别 (2) 无状态组件的使用 (一)无状态组件和有状态组件的区别 (...

  • 函数式组件和类组件

    类组件(有状态组件) 函数式组件(无状态组件)没有生命周期 受控组件:所有的状态都没有,受外部组件控制才能改变状态...

  • react组件设计心得

    无状态组件有状态组件

  • 组件

    组件定义 组件的props 组件的state 有状态组件和无状态组件 属性校验和默认属性 组件样式

  • react-native组件的拆分技巧

    React组件具有很强的灵活性和功能性。 在JS.COACH上有很多组件库可供使用,但随着时间的增长组件会变得非常...

网友评论

      本文标题:无状态功能性组件

      本文链接:https://www.haomeiwen.com/subject/qbbhdctx.html