при нажатии на кнопку нужно обновить значение состояния с -12 до 50

Question

при нажатии на кнопку нужно обновить значение состояния с -12 до 50

есть предложения?

см. Ниже фрагмент

import React, { useState } from "react";

const Test = () => {
  let commomRowData = {
    2020: { firstLevel: { children: { secondLevel: { value: -12 } } } },
  };

  const [data, setData] = useState(commomRowData);
  const updateData = () => {};
  return (
    <div>
      <div>Testing</div>
      <div>
        <button onClick={updateData}> Click </button>
      </div>
    </div>
  );
};

export default Test;

Answer 1

Я бы инициализировал useState data с -12 и обновил бы только это значение при нажатии кнопки с setData(50). Это кажется более простым, чем перезапись всех клавиш объекта.

<code>const Test = () => {  
  const [data, setData] = useState(-12);

  let commomRowData = {
    2020: { firstLevel: { children: { secondLevel: { value: data } } } }
  };

  const updateData = () => { setData(50)};
  return (
    <div>
      <div>Testing</div>
      <div>
        <button onClick={updateData}> Click </button>
        <pre>{JSON.stringify(commomRowData, null, 4)}

); };

codeSandbox