Describe the bug Hello, I am trying to implement

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

Thank you very much for your help <a class="user-mention notranslate" data-hovercard-t

Vue - Custom array renderer - "TypeError: array.push is not a function" about jsonforms HOT 3 CLOSED

Lenostatos commented on May 27, 2024

Vue - Custom array renderer - "TypeError: array.push is not a function"

from jsonforms.

Comments (3)

sdirix commented on May 27, 2024

Hi @Lenostatos,

This is the code handling the change in your example:

// setup
const props = defineProps({ ...rendererProps<ControlElement>() });
const { control, addItem } = useJsonFormsArrayControl(props);

const addItemBaz = () => {
  console.log('JsonForms state before adding item: ', control.value);
  addItem(props.path, 'baz')();
  console.log('JsonForms state after adding item: ', control.value);
};

It must be adjusted to

const props = defineProps({ ...rendererProps<ControlElement>() });
const { control, addItem } = useJsonFormsArrayControl(props);

const addItemBaz = () => {
  console.log('JsonForms state before adding item: ', control.value);
  addItem(control.value.path, 'baz')(); // control.value as we are within "setup"
  console.log('JsonForms state after adding item: ', control.value);
};

In most cases you will not want to access the props directly besides handing them over to the JSON Forms composition.
Have a look at our implementations of the Vue renderers.

If you have any questions, feel free to post in our community forum

from jsonforms.

Lenostatos commented on May 27, 2024

Thank you very much for your help @sdirix ! I can't even remember how I got the idea that I should use props.path but for some reason I didn't question that bit of the code at all 🙈

from jsonforms.

sdirix commented on May 27, 2024

No problem :) Maybe you looked at the React renderers as they get the already transformed props directly instead of mapping them themselves. Therefore they access props.path.

from jsonforms.

Recommend Projects