Liquid、JavaScriptなどに関する質問
お世話になります。
現在Shopfyのアプリを開発しており、Polarisのところでわからない点があり質問させていただきました。
今回実装しようと思っているものがTItleBarの中にあるボタンの文字を定数を使って表示させることです。
ReactやJSのドキュメントを拝見し、試しましたがうまくいきませんでした。
文字列を定義している定数はこちらになります。
const [buttontext, setButtontext] = useState(["公開"]);
TitleBarのコードはこちらになります。
<Page>
<TitleBar title="商品詳細ページ"
secondaryActions={[
{
content: "削除",
},
{
content: {ここに定義した定数を配置},
},
]}/>
</Page>
実際に試したコードはこちらで、すべてエラーとなり表示されませんでした。
content: {buttontext},
content: [buttontext],
content: (buttontext),
アプリ開発について情報があまりないので、ご教授いただければ幸いです。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
Daikussi 様
お世話になっております。
フルバランスの道家と申します。
ご質問確認いたしました。
前回のご質問、無事解決されてよかったです。
コードのご共有もありがとうございました。
さて、掲載いただいているコードですが、
secondaryActions内のcontentは文字列を受け取るように思えます。
ご記載のuseStateのコードが配列になっておりますので、以下の内容でどうでしょうか。
// ["公開"] → "公開"に変更
const [buttontext, setButtontext] = useState("公開");
// contentには以下のように値を渡す
content: buttontext
お試しいただけますと幸いです。
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 道家
成功
Daikussi 様
お世話になっております。
フルバランスの道家と申します。
ご質問確認いたしました。
前回のご質問、無事解決されてよかったです。
コードのご共有もありがとうございました。
さて、掲載いただいているコードですが、
secondaryActions内のcontentは文字列を受け取るように思えます。
ご記載のuseStateのコードが配列になっておりますので、以下の内容でどうでしょうか。
// ["公開"] → "公開"に変更
const [buttontext, setButtontext] = useState("公開");
// contentには以下のように値を渡す
content: buttontext
お試しいただけますと幸いです。
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 道家
フルバランス 道家様
お世話になっております。
今回も助けていただき、ありがとうございます。
教えて頂いたコードを元に実装することが出来ました!
ありがとうございます。
また質問することがあるかと思いますが、何卒よろしくお願いいたします。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024