0

i have use two separate components jsonforms and react-json-tree, one is edit or create json and other(i.e tree structure in right side) for displaying view only... i want to highlight the field on json-tree that i am editing on left side(on josonforms)... i just want to highight ex.nc_weight:1 ...value of nc_weight both the packages are not related to each other is that possible to highlight the specific field of react-json-tree ,onchange of jsonforms (left side form)?? this is my jsonform

const [data, setData] = useState(Person.data);

      </div>` <div className={classes.demoform}>
        <JsonForms
          schema={Person.schema}
          uischema={Person.uischema}
          data={data}
          renderers={renderers}
          cells={materialCells}
          onChange={({ data}) => {setData(data)} }
        />
      </div>`

======================== and this is react-json-tree

<JSONTree data={data} shouldExpandNode={() => true}
          valueRenderer={(valueAsString,value,keyPath) =><em >{value}</em>}              
          // theme={theme}
          theme={{
            value:{
              color: 'red',
              textDecoration: 'underline'
            },
          }}
            />

this is my ui

sd_555
  • 1
  • 1

0 Answers0