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

网上国网注册推广有多少钱惠州seo

网上国网注册推广有多少钱,惠州seo,营销型网站的推广,代码查询网站文章目录 一、前言1.1、在线demo1.2、Github仓库 二、实践2.1、安装react-json-view2.2、组件封装2.3、效果2.4、参数详解2.4.1、src(必须) :JSON Object2.4.2、name:string或false2.4.3、theme:string2.4.4、style:object2.4.5、…

文章目录

  • 一、前言
    • 1.1、在线`demo`
    • 1.2、`Github`仓库
  • 二、实践
    • 2.1、安装`react-json-view`
    • 2.2、组件封装
    • 2.3、效果
    • 2.4、参数详解
      • 2.4.1、`src`(必须) :`JSON Object`
      • 2.4.2、`name`:`string`或`false`
      • 2.4.3、`theme`:`string`
      • 2.4.4、`style`:`object`
      • 2.4.5、`iconStyle`:`string`
      • 2.4.6、`indentWidth`:`integer`
      • 2.4.7、`collapsed`:`boolean`
      • 2.4.8、`collapseStringsAfterLength`:`boolean`
      • 2.4.9、shouldCollapse:(field)=>{}
      • 2.4.10、`displayObjectSize`:`boolean`
      • 2.4.11、`displayDataTypes`:`boolean`
      • 2.4.12、`onEdit`:`(edit)=>{}`
      • 2.4.13、`onAdd`:`(add)=>{}`
      • 2.4.14、`onDelete`:`(delete)=>{}`
      • 2.4.15、`onSelect`:`(select)=>{}`
  • 三、最后

一、前言

react-json-viewRJV)是一个用于显示和编辑javascript数组和JSON对象的React组件。

1.1、在线demo

1.2、Github仓库

二、实践

2.1、安装react-json-view

安装插件,在这推荐大家在项目中用 yarn 安装插件,yarn的出错几率比npm低很多。

npm install --save react-json-view
// 或者
yarn react-json-view

2.2、组件封装

/*** @Description: 格式化显示json数据 react-json-view* @github https://github.com/mac-s-g/react-json-view* @demo https://mac-s-g.github.io/react-json-view/demo/dist/* @author 小马甲丫* @date 2023-12-06 01:26:47*/
import ReactJsonView from 'react-json-view';const ReactJson = (props) => {return (<ReactJsonViewname={false} // 根节点名字collapsed={false} // 是否收起,true为收起indentWidth={4} // 缩进iconStyle="triangle"src={props.value}theme="grayscale:inverted"enableClipboard // 点击向左箭头进行复制displayObjectSize={false} // 显示有多少个items属性displayDataTypes={false} // 显示值的类型sortKeys // 键的排序quotesOnKeys={false} // 是否显示a键的引号/>);
};export default ReactJson;

2.3、效果

传入的数据是数组,如下所示:

2.4、参数详解

2.4.1、src(必须) :JSON Object

默认值:无

需要展示的JSON数据

2.4.2、namestringfalse

默认值:root

JSON数据的根节点(用默认或指定的根节点包裹自己的数据),使用nullfalse没有名字

2.4.3、themestring

默认值:rjv-default

RJV支持base-16主题

2.4.4、styleobject

默认值:{}

可以通过style添加、修改样式,可覆盖主题默认提供的属性

2.4.5、iconStylestring

默认值:triangle

接受参数:circle(圆)、triangle(三角形)、square(圆)

2.4.6、indentWidthinteger

默认值:4

JSON嵌套对象的缩进值

2.4.7、collapsedboolean

默认值:false

当设置为true,默认情况下,所有节点都将被折叠。使用整数值在特定深度折叠。

2.4.8、collapseStringsAfterLengthboolean

默认值:false

这个就是超出内容会变成的功能。当一个整数值被赋值时,字符串就会在这个长度后面接上省略号。可以通过单击字符串值来展开和折叠字符串内容

2.4.9、shouldCollapse:(field)=>{}

默认值:false

回调函数来提供对默认情况下应该折叠的对象和数组的控制。对象被传递给包含name, src, type(“数组”或“对象”)和namespace

2.4.10、displayObjectSizeboolean

默认值:true

当设置为true,对象和数组被标记为大小。例如: { a: 'a1',b: 'b1' },会显示2 items

2.4.11、displayDataTypesboolean

默认值:true

当设置为true,数据类型会出现在数据的前缀值.例如: { a: 123, b: 'b1'},会显示{ a: int 123, b: string 'b1'}

2.4.12、onEdit(edit)=>{}

默认值:false

当传入回调函数时,edit功能已启用。在编辑完成之后调用回调。

2.4.13、onAdd(add)=>{}

默认值:false

当传入回调函数时,add功能已启用。在完成添加之后调用回调。

2.4.14、onDelete(delete)=>{}

默认值:false

当传入回调函数时,delete功能已启用。在完成删除之后调用回调。

2.4.15、onSelect(select)=>{}

默认值:false

当传入函数时,单击值将触发onSelect方法将被调用。

三、最后

本人每篇文章都是一字一句码出来,希望大佬们多提提意见。顺手来个三连击,点赞👍收藏💖关注✨。创作不易,给我打打气,加加油☕

http://www.dt0577.cn/news/56625.html

相关文章:

  • 深圳seo整站优化承接网站建设的系统流程图
  • 建设银行网站用户名是多少seo综合查询爱站
  • 搜狗收录提交申请长沙百度seo
  • 玩客云 做网站服务器新手如何找cps推广渠道
  • 怎样把网站做的漂亮销售网站怎么做
  • 江阴网站制作各种推广平台
  • 中国能源建设集团投资有限公司优化网站推广教程排名
  • 绵阳做网站如何做好一个网站
  • 国外的一个大学生做的匿名社交网站线上推广有哪些
  • 下载源码的网站鹤壁seo
  • 怎么能看出别人的网站是哪一家做资深seo顾问
  • 怎么做这个购物网站线下推广有哪几种渠道
  • WordPress怎么添加模板西安seo站内优化
  • 做海报的免费网站百度网站收录查询
  • 沃航科技网站开发长沙网站推广公司排名
  • wordpress MU多重筛选太原seo排名优化公司
  • 期刊网站建设百度官网登录入口
  • 网站只能用ip访问网站网络营销的特点有
  • 织梦可以做商城网站吗seo优化技术厂家
  • 技能培训机构提供seo顾问服务适合的对象是
  • 公司专业网站建设推广公司
  • 平面作品集展示图片安卓优化大师清理
  • 设计网站源码西安网是科技发展有限公司
  • 知名的网站建设怎么开个人网站
  • 网站建设空间域名是什么佛山关键词排名效果
  • 响应式网站建设一般多少钱无锡百度关键词优化
  • 做视频比较好的理财网站上海网站建设推广服务
  • 无锡网站建设广州aso优化公司 有限公司
  • dw做的网站如何上传云服务器泉州百度推广排名优化
  • 网站建设得多少钱网址域名大全