how to copy json output on button click?

Question

I am using below plugin to show json .

https://www.npmjs.com/package/react-json-view.

can we have a button to which will copy this json.

https://codesandbox.io/s/async-pine-o6eho

return (
    <div className="App">
      <button
        onClick={() => {
          alert("---");
        }}
      >
        Copy
      </button>
      <ReactJson src={my_json_object} theme="monokai" />
    </div>
  );

can we copy the below json output on button click?

@copy means `on button` click it will copy this value and paste in notpad — , Nov 23 '19 at 06:40
Your problem solution is here, please try this https://stackoverflow.com/questions/11849562/how-to-save-the-output-of-a-console-logobject-to-a-file thanks! — Ericgit, Nov 23 '19 at 07:16

score 2 · Answer 1 · answered Nov 23 '19 at 07:48

You can copy your JSON by setting content of it to a temporary input and using document.execCommand('copy').

function Copy(json) {
    const input = document.createElement("textarea");
    document.body.appendChild(input);
    input.value = JSON.stringify(json);
    input.select();
    document.execCommand("copy");
    document.body.removeChild(input);
}

Here is a working example based on your code.

score 0 · Answer 2 · answered Nov 23 '19 at 10:18

0

Try this...

onClick={() => {

  let objCopy = Object.assign({}, my_json_object);
  alert(JSON.stringify(objCopy));
}}

answered Nov 23 '19 at 10:18

newbiecoder

3
4

how to copy json output on button click?

2 Answers2