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ボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 道家
フルバランス 道家様
お世話になっております。
今回も助けていただき、ありがとうございます。
教えて頂いたコードを元に実装することが出来ました!
ありがとうございます。
また質問することがあるかと思いますが、何卒よろしくお願いいたします。
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024