Usage avec React

En premier lieu, installe le projet universal-data-tool dans ton projet react.

npm install universal-data-tool

Par la suite, importe la composante UniversalDataViewer...

import React from "react"
import UniversalDataViewer from "universal-data-tool/components/UniversalDataViewer"

export default () => (
  <UniversalDataViewer
    hideHeader // optional default: false (show header)

    // oha est là où vous placer votre objet avec le format udt
    // Pour lire plus sur ce format:
    // https://github.com/UniversalDataTool/udt-format
    oha={{
      interface: { type: "..." },
      taskData: [/* ... */],
      // ...
    }}

    // Quand les données sont sauvegardées ceci sera appelé
    onSaveTaskOutputItem={(dataIndex, response) => {
      // fait quelque chose
    }}
  />
)