FROM LOAD - jp_header
解決済

TitleBarのContentに定義した定数を表示させたい

daikussi
Shopify Partner
28 1 3

お世話になります。

 

現在Shopfyのアプリを開発しており、Polarisのところでわからない点があり質問させていただきました。

今回実装しようと思っているものがTItleBarの中にあるボタンの文字を定数を使って表示させることです。

ReactやJSのドキュメントを拝見し、試しましたがうまくいきませんでした。

 

文字列を定義している定数はこちらになります。

 

const [buttontext, setButtontext] = useState(["公開"]);

 

TitleBarのコードはこちらになります。

 

<Page>
      <TitleBar title="商品詳細ページ"
      secondaryActions={[
        {
          content: "削除",
        },
        {
          content: {ここに定義した定数を配置},
        },
      ]}/>
</Page>

 

実際に試したコードはこちらで、すべてエラーとなり表示されませんでした。

 

content: {buttontext},
content: [buttontext],
content: (buttontext),

 

 

アプリ開発について情報があまりないので、ご教授いただければ幸いです。

よろしくお願いいたします。

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1463 519 651

成功

Daikussi 様

 

お世話になっております。

フルバランスの道家と申します。

 

ご質問確認いたしました。

前回のご質問、無事解決されてよかったです。

コードのご共有もありがとうございました。

 

さて、掲載いただいているコードですが、

secondaryActions内のcontentは文字列を受け取るように思えます。

 

ご記載のuseStateのコードが配列になっておりますので、以下の内容でどうでしょうか。

// ["公開"] → "公開"に変更
const [buttontext, setButtontext] = useState("公開");

// contentには以下のように値を渡す
content: buttontext

お試しいただけますと幸いです。

 

 

なにかヒントになれば幸いです。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 道家

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1463 519 651

成功

Daikussi 様

 

お世話になっております。

フルバランスの道家と申します。

 

ご質問確認いたしました。

前回のご質問、無事解決されてよかったです。

コードのご共有もありがとうございました。

 

さて、掲載いただいているコードですが、

secondaryActions内のcontentは文字列を受け取るように思えます。

 

ご記載のuseStateのコードが配列になっておりますので、以下の内容でどうでしょうか。

// ["公開"] → "公開"に変更
const [buttontext, setButtontext] = useState("公開");

// contentには以下のように値を渡す
content: buttontext

お試しいただけますと幸いです。

 

 

なにかヒントになれば幸いです。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 道家

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
daikussi
Shopify Partner
28 1 3

フルバランス 道家様

お世話になっております。

今回も助けていただき、ありがとうございます。

教えて頂いたコードを元に実装することが出来ました!

ありがとうございます。

また質問することがあるかと思いますが、何卒よろしくお願いいたします。