FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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
1610 573 737

成功

Daikussi 様

 

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

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

 

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

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

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

 

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

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

 

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

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

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

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

 

 

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

 

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

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

 

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

 

フルバランス 道家

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

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1610 573 737

成功

Daikussi 様

 

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

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

 

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

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

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

 

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

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

 

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

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

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

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

 

 

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

 

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

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

 

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

 

フルバランス 道家

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

フルバランス 道家様

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

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

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

ありがとうございます。

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