Value transformed script not getting reflected

Hi,

I have a got a “Section” component and “SectionHeader” component inside section. Now there is property called “title” being passed on to “SectionHeader” comp. I have written a small value transformer script to set its value. However prop value specified in value transformer is not being passed to child component.
Following are the screen shots 1. Configuration and code in studio. 2. Generated code in code glance-

Am I doing something wrong?

Best
Ashutosh

As I am new user it did not allow me to post 2 images. Here is the code glance div image.

Have you set the data linkage for nested component in the screen where you’re using the component? Otherwise the value transformer script does not “activate” because the state is not updated.

Yes. I think I have. Below is the child component side configuration

But what about the parent screen? Have you set the props also in the parent screen where the component is placed?

the parent screen is posted in the first post of this discussion thread. On top left corner you see all the props created/available (inherited) for this “Section” component. Is this the one you are referring to?

Ok, but is from where is the title prop populated in screen “level”? Basically what is the data source which sets the value for title in Screen? I’m quite sure that value transformer scripts will not “fire” unless the property is not set from some Data source (data sheet or Data slot).

ok. Its not linked to a data slot or data sheet. I simply created it by clicking on “Add property” on workbench. I will try linking it to dataslot. thank you

I have a property set from DataSheet ( I have tried set also with DataSlot ) but it doesn’t work.
I have this situation:
Component child with property ( name is valueChecked ): In this component set a DataSlot
Component “father” set property of Component child with script ( if I open “Code Glance” i see this: valueChecked={ this.props.dataSheetRow ? this.props.dataSheetRow.value : ‘’} and not the transformer script ) .

If you want I can send you an example created with ReactStudio) Or have you an example?

Thanks

HI and thanks for your message! Based on the explanation I’m not 100% sure what is the use case on this.

Can you zip and post the example React Studio project file here or send it to hello@neonto.com.

In this link you can download an example ( I have created a simple project ): https://we.tl/t-dr1VoLeKQV
Thanks.

Hi,

Thanks for the project file. Some how it works on my computer and this is what it renders in Browser:

Isn’t this what you’re after? I was using the latest version of the Studio: Version 1.7.25 (394)

Hi Antti,
I’ve this version: 1.7.21 (390).
The problem is which I added a script in property:

if( input == 1 ) return 0
return 1;

But in “code glance” does not appear, see below:

  <div className="hasNestedComps elComponent">
    <Component3 propIsChecked={this.props.IsChecked} ref={(el)=> this._elComponent = el} appActions={this.props.appActions} deviceInfo={this.props.deviceInfo} locStrings={this.props.locStrings} />
  </div>

This is the image of the property:
isCheckedProp

In my example checked must be reversed.

Thank.

Thanks for the explanation now I got it! It seems that indeed the value transformer script is not written in the Nested Data linkage.

We’ll check this.

In the meanwhile add the script directly into Checkbox Selected data linkage property.

Thank you very much. I wait for news. :wink:

Hi, this is now fixed in the latest release!

I tried and now it work. :partying_face:

Thank you very much.

1 Like