INNER CODE UNIT · JavaScript

JsonViewCompare

MAIF/otoroshi · otoroshi/javascript/src/components/Drafts/Compare/index.js:84

export default function JsonViewCompare({ oldData, newData }) {
  const [data, setMergeData] = useState([]);

  useEffect(() => {
    setMergeData(mergeData(oldData, newData).result);
  }, [oldData, newData]);

  return (
    <pre className="json-compare-view hidden-scrollbar">
      <p className="json-compare-outter">{isArray(newData) ? '[' : '{'}</p>
      {data.map((item, index) => (
        <Tree key={index} {...item} />
      ))}
      <p className="json-compare-outter">{isArray(newData) ? ']' : '}'}</p>
    </pre>
  );
}

View source record →