Как использовать amp-state в JSX? - PullRequest
Новая
       44

Как использовать amp-state в JSX?

1 голос
/ 31 октября 2019

Я работаю над созданием Google amp-страницы в проекте React, и мне нужно выбрать JSON после щелчка.

A / C до amp.dev , я могу использоватьamp-состояние для выборки удаленных данных

как

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

Как я могу сделать то же самое в JSX, так как запись [src] в таком формате приводит к ошибке

Любое предложение будет полезно. Заранее спасибо

Ответы [ 2 ]

1 голос
/ 01 ноября 2019

Вы можете заменить [src] на data-amp-bind-src. Последний синтаксис был введен для совместимости синтаксиса JSX.

0 голосов
/ 01 ноября 2019

Я не знаю, что это правильный путь, но я думаю, что это может быть поворот Если есть лучший способ, или если это не рекомендуется, , пожалуйста, прокомментируйте

Мне нужно было переключать видимость опции на основе выбранной опции 

<amp-selector
    layout="container"
    class="radio-selector"
    on="select: AMP.setState({
    selectedOption: event.targetOption,
})">
        <div option="a_show">Option A</div>
        <div option="b_show">Option B</div>
        <div option="c_show">Option C</div>
</amp-selector>
<div className="options"
    dangerouslySetInnerHTML={{
        __html: `
            <p [class]="selectedOption == 'a_show' ? 'show' : 'hide'" class="show">a</p>
            <p [class]="selectedOption == 'b_show' ? 'show' : 'hide'" class="hide">b</p>
            <p [class]="selectedOption == 'c_show' ? 'show' : 'hide'" class="hide">c</p>
        `
        }}
/>
...