Add onSelect feature from react-json-view

[Bushstar]

react-json-view has the onSelect prop, it takes a function, clicking a value triggers that function.

[jaywcjlove]

@Bushstar You can achieve a similar onSelect effect using the Row component:

<Row onClick={() => { }} />

[Bushstar]

That would be great. Does this usage look correct?

const Row = JsonView.Row;

return (
    <JsonView
        value={data}
    >
        <Row onSelect={(params) => {
            console.log(params);
        }} />
    </JsonView>
);

[jaywcjlove]

@Bushstar You can try running the example; it looks fine.

react-json-view/core/README.md

Lines 379 to 430 in 3208d82

	Supports certain partial customizations such as: `<Copied />`, `<CountInfo />`, `<CountInfoExtra />`, `<Ellipsis />`, `<KeyName />`, `<Row />`
	```tsx mdx:preview
	import React, { Fragment } from 'react';
	import JsonView, { ValueQuote } from '@uiw/react-json-view';
	const Copied = JsonView.Copied;
	export default function Demo() {
	return (
	<JsonView
	value={{
	url: new URL('https://example.com?t=12'),
	urlStr: "https://example.com",
	github: "https://example.com",
	}}
	style={{
	'--w-rjv-background-color': '#ffffff',
	}}
	>
	<Copied
	render={({ 'data-copied': copied, style, onClick, ...props }, { value }) => {
	const styl = { whiteSpace: 'nowrap' }
	if (copied) {
	return <span style={{ ...style, ...styl }}>复制成功</span>
	}
	return <span style={{ ...style, ...styl }} onClick={onClick}>复制</span>
	}}
	/>
	<JsonView.Url
	render={(props, { type, value }) => {
	if (type === 'type' && value instanceof URL) {
	return <span />
	}
	if (type === 'value' && value instanceof URL) {
	return (
	<Fragment>
	<a href={value.href} target="_blank" {...props}>
	<ValueQuote />
	{value.href}
	<ValueQuote />
	</a>
	Open URL
	</Fragment>
	);
	}
	}}
	/>
	</JsonView>
	)
	}
	```