Search code examples
reactjsjsxamp-html

How to Use amp-state in JSX?

I'm working on creating Google amp-page in a React project, and need to fetch JSON after a click.

A/C to amp.dev, i can use amp-state to fetch remote data

as

<amp-state id="shirts" [src]="'/shirts/sizesAndPrices?sku=' + selected.sku" />

How can i do the same in JSX, as writing [src] in such format leads to error

Any suggestion will be helpful. Thanks in advance

Solution

  • You can replace [src] with data-amp-bind-src. The latter syntax has been introduced for JSX syntax compatibility.