当前位置: 首页 > news >正文

react中字段响应式

class中用法:
import React, { Component } from 'react'
export default class Index extends Component<any, any> {

  constructor(props) {
    super(props)
    this.state = {
      settingInfo: {},
    }
  }

  async componentDidMount() {
    let settingInfo = await Service.getSettingInfo(this.context, {
      page_session_id: 'kUeombnhdm',
    })
    this.setState({ settingInfo: settingInfo })
  }

  render() {
    return <View style={{ marginTop: 50 }}>{this.state.settingInfo.errorMsg}</View>
  }
}

 

function中用法:
import React, { useEffect, useState } from 'react'

const Index = () => {
  const [driver, setDriver] = useState(false)
  useEffect(() => {
    setDriver(false)
  }, [])
  return <View className={styles.backgroundIcon}>{driver}</View>
}

export default Index

 


http://www.mrgr.cn/news/94026.html

相关文章:

  • 安装、配置和启动 ssh 服务,实现远程连接服务器
  • SVT-AV1源码分析函数 svt_av1_optimize_b
  • c++ constraints与concepts使用笔记
  • 如何用HTML5 Canvas实现电子签名功能✍️
  • 全网最详解答OSPF基础
  • 我与DeepSeek读《大型网站技术架构》(10)- 维基百科的高性能架构设计分析
  • C# Enumerable类 之 数据分组
  • 插入排序算法优化
  • 数字电路逻辑代数 | 运算 / 定律 / 公式 / 规则 / 例解
  • 【设计模式】《设计模式:可复用面向对象软件的基础》设计模式的分类与组织
  • 类和对象(下)
  • 大语言模型-语言模型发展历程
  • ⭐算法OJ⭐链表排序【归并排序】(C++/JavaScript 实现)
  • 基于Ollama平台部署的Qwen大模型实现聊天机器人
  • ⭐算法OJ⭐经典题目分类索引(持续更新)
  • NVSHMEM介绍、InfiniBand GPUDirect、和NVshmem使用案例说明
  • Application.OnTime如何引用带参数的过程
  • 记录--有惊无险
  • 数据结构全解析:从线性到非线性,优缺点与应用场景深度剖析
  • 大模型在甲状腺良性肿瘤诊疗全流程中的应用研究报告