「React を使用して動的変数を実装する」
P粉008829791
2023-09-02 20:55:54
<p>React には次のコードがあります。</p>
<pre class="brush:js;toolbar:false;">const TABS = [
{
値: "名前"、
ラベル: 「名前」、
onclick: (obj) => {
tabOnClick(obj.value);
}、
選択済み: mainTabSelected、
}、
{
値: "ログ"、
ラベル: 「ログ」、
onclick: (obj) => {
tabOnClick(obj.value);
}、
選択済み: mainTabSelected、
}、
{
値: "グループ"、
ラベル: 「グループ」、
onclick: (obj) => {
tabOnClick(obj.value);
}、
選択済み: mainTabSelected、
}、
{
値: "サブスクリプション"、
ラベル: 「サブスクリプション」、
onclick: (obj) => {
tabOnClick(obj.value);
}、
選択済み: mainTabSelected、
}、
】
</pre>
<p>コードを次のように動的にしようとしました: </p>
<pre class="brush:js;toolbar:false;">const 値 = ["名前"、"ログ"、"グループ"、"サブスクリプション"];
const label = ["名前"、"ログ"、"グループ"、"サブスクリプション"];
const TABS = [
{
値: {値}、
ラベル: {ラベル}、
onclick: (obj) => {
tabOnClick(obj.value);
}、
選択済み: mainTabSelected、
}]
</pre>
<p>そうですか？ </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
＃＃＃使用：＃＃＃ リーリー
これにより、各要素が値配列にマップされ、各タブの Tabs 配列に新しいオブジェクトが挿入されます。