Is there a way to not showindexes of arrays?

[globetro]

I'd ideally like to be able to just select text to copy/paste (versus relying on the inline-copy button), and showing the indexes makes it not possible.

[morgothko]

You can use something like this

    <JsonView >
        <JsonView.Colon render={() => <span />}/>
        <JsonView.KeyName 
        render={({ ...props }, { type, value, keyName }) => {
          if (!isNaN(parseFloat(keyName))) {
            return <span />
          }
          return <span {...props}>{keyName}:</span>
        }}
        />
  </JsonView>

If there are numeric keys out of array, then it will not work

[antipopp]

+1 to this, the proposed workaround doesn't really work that well

[jaywcjlove]

@globetro @antipopp @morgothko Upgrade v2.0.0-alpha.28

react-json-view/core/README.md

Lines 687 to 710 in 18a9334

	import React, { Fragment } from 'react';
	import JsonView from '@uiw/react-json-view';
	export default function Demo() {
	const value = { data: ["123", 23] }
	return (
	<JsonView value={value} style={{ '--w-rjv-background-color': '#ffffff' }}>
	<JsonView.Colon render={(props, { parentValue, value, keyName }) => {
	if (Array.isArray(parentValue) && props.children == ":") {
	return <span />
	}
	return <span {...props} />
	}}/>
	<JsonView.KeyName
	render={({ ...props }, { type, parentValue, value, keyName }) => {
	if (Array.isArray(parentValue) && Number.isFinite( props.children)) {
	return <span />
	}
	return <span {...props} />
	}}
	/>
	</JsonView>
	)
	}