如何将动态数据嵌入到 JSON 字符串中

Question

我正在开发一个与 JW Playe 交互的 React 应用 API。 API 要我以 JSON 格式发送数据。问题是我需要将动态输入数据嵌入到 JSON 字符串中。我不知道该怎么做。请帮帮我。

这是 JSON 对象：

const data =
      '{ "upload": { "method": "fetch", "download_url": I NEED TO PUT DATA COMING FROM REACT STATE (Input) HERE }, "metadata": {"title": "My Fetch Video", "author": "Dzenis H."} }';

Answer 1

你可以这样写：

const App = () => {
  const [url, setUrl] = useState('');
  const data = '{ "upload": { "method": "fetch", "download_url": "I NEED TO PUT DATA COMING FROM REACT STATE (Input) HERE" }, "metadata": {"title": "My Fetch Video", "author": "Dzenis H."} }';

  const updateJson = () => {
    let parseData = JSON.parse(data);
    parseData.upload.download_url = url;
    let converted = JSON.stringify(parseData);
    console.log(converted);
  }

  return (
    <div>
      <input type="text" value={url} onChange={e => setUrl(e.target.value)} />
      <button onClick={updateJson}>Update</button>
    </div>
  )
}

如何将动态数据嵌入到 JSON 字符串中

How to embed dynamic data into a JSON string

reactjs

json

input

dynamic

embed