"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 value = ["이름","로그","그룹","구독"];
const labels = ["이름", "로그", "그룹", "구독"];
const 탭 = [
{
값: {값},
라벨: {라벨},
onclick: (obj) => {
tabOnClick(obj.value);
},
선택됨: mainTabSelected,
}]
</pre>
<p>나는 정말 좋은 사람인가요?</p>
사용:
으아악이것은 값 배열의 각 요소를 매핑하고 각 탭의 Tabs 배열에 새 개체를 삽입합니다.