餐饮小程序的7种玩法_React通过父组件传递类名给

发布时间:2021-01-11 13:02 作者:jianzhan

摘要: React根据父部件传送类名给子部件的完成方式 React 是一个用以搭建客户页面的 JAVASCRIPT 库。本文关键详细介绍了React根据父部件传送类名给子部件的方式,必须的朋友能够参照下Re

React通过父组件传递类名给子组件的实现方法       React 是一个用于构建用户界面的 JAVASCRIPT 库。这篇文章主要介绍了React通过父组件传递类名给子组件的方法,需要的朋友可以参考下

React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

React 特点

1.声明式设计 React采用声明范式,可以轻松描述应用。
2.高效 React通过对DOM的模拟,最大限度地减少与DOM的交互。
3.灵活 React可以与已知的库或框架很好地配合。
4.JSX JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
5.组件 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
6.单向响应的数据流 React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

1.通过父组件传递类名给子组件的方法  (第十九行)

2.通过不同的状态值,应用某些类名  (第22行)

 import React from 'react'
import './style.css'
class PageTitle extends React.Component {
 constructor(pro凡科抠图, context) {
 super(pro凡科抠图, context);
 this.state = {
 timeType:0
 handleClick(timeType){
 this.setState({
 timeType:timeType
 this.pro凡科抠图.handle(timeType+1);
 render() {
 const {title,dataList} = this.pro凡科抠图;
 return (
 h3 className={this.pro凡科抠图.clasName+" cp_title"} {title}
 div className="floatR" 
 {dataList.map((item,index) = {
 return span key={index} this.handleClick.bind(this,index)} className={this.state.timeType === index "canvasNav canvasNavActive": "canvasNav"} {item} /span 
 /div 
 /h3 
export default PageTitle;

总结

以上所述是小编给大家介绍的React通过父组件传递类名给子组件的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


  • 迅速开发设计根据 HTML5 互

    模拟题目:快速开发设计设计方案依据 HTML5 互连网拓扑图应用--初学者新手入门篇(一) 计算机互连网的拓扑结构是引进拓扑学中科学研究科学研究与规格,模样无关紧要的点、线关系

  • 温州市市政工程协来龙港

    模拟题目:温州市市市政工程工程项目协来龙港开展关键监督主题风格主题活动 九月份3日早晨,温州市市市政工程工程项目协组织部部长陈胜峰来龙港,就龙港市深层次次贯彻落实落实

  • 网站建设流程是什么?

    企业网站建设步骤是啥?现如今公司企业网站建设的重要性确信大家理应都是把握的,终归现如今网站是对外开放对外开放的一个知名品牌品牌形象体现。那么在进行公司企业网站建设

  • 腾迅云服务器器当地电脑

    模拟题目:腾讯云服务器器器本地电脑上电脑硬盘不能以制作快照更新升级 云吞铺子之前购买了一台腾讯云服务器器器,惦念着要备份数据数据信息数据信息信息内容,找了一大半天也

  • 企业网站制作栏目如何规

    在成都市企业网站建设制作股全过程中网站频道是公司网站最关键也是最大要信息内容,顾客登录网站第一眼见到便是网站频道,那麼怎样整体规划好的网站频道,让顾客获得大量信息