홈>
다수의 객체를 통해 tcomb-form을 만들고 있지만 그것에 대한 경험이 많지 않으며 솔직히 약간의 어려움을 겪고 있습니다.
이것은 우리가 사용할 배열 구조입니다 :
export const AUDIT_CONTENT =
[
{type: "label", style: "title", group: "4.1", text: "field text here"},
{type: "label", style: "label", group: "4.1", text: "field text here"},
{type: "multi-checkbox", style: "checkbox", group: "4.1", text: "field text here"},
{type: "multi-checkbox", style: "checkbox", group: "4.1", text: "field text here"},
{type: "multi-checkbox", style: "checkbox", group: "4.1", text: "field text here"},
{type: "label", style: "label", group: "4.1", text: "field text here"},
{type: "multi-checkbox", style: "checkbox", group: "4.1", text: "field text here"}
]
type: label
가있는 필드
필드
type: multi-checkbox
를 저장하려고하는 오브젝트입니다
이 필드는 유효성을 검사 할 필드입니다. 해당 필드를 그룹별로 그룹화하므로 그룹 4.1의 모든 필드가 배열 내에 있고 그룹 4.1의 필드 등도 있습니다.
다음을 수행하여 해당 필드를 동적으로 생성했습니다.
myFields = () => {
for (var c = 0; c < groupedFields.length; c++) {
for (var i = 0; i < groupedFields[c].length; i++ ) {
if (groupedFields[c][i].type === 'multi-checkbox') {
fields[groupedFields[c][i].text] = t.maybe(t.enums({
OPTION_1 : "OPTION 1 Label",
OPTION_2 : "OPTION 2 Label",
OPTION_3 : "OPTION 3 Label",
OPTION_4 : "OPTION 4 Label"
}));
}
}
}
}
var fields = {};
myFields()
var myFormType = t.struct(fields);
이제 내 문제가 시작된다. 값을받는 필드 만 생성합니다.이 경우
type: multi-checkbox
가있는 필드
그러나
type: label
를 사용하여 필드를 동적으로 렌더링하고 싶습니다.
내
AUDIT_CONTENT
와 같은 순서로
그 객체가있는 배열로 결과는 다음과 같습니다.
"Field with style title": {
"Field with style label": [
{"Field with style multi-checkbox": "OPTION_1"},
{"Field with style multi-checkbox": "OPTION_3"},
],
"Other field with style label": [
{"Field with style multi-checkbox": "OPTION_4"},
{"Field with style multi-checkbox": "OPTION_2"},
]
}
이 결과는 몽고에 저장됩니다.
누군가 나를 도와 주시고 미리 감사드립니다.
-
답변 # 1
관련 자료
- python - Pygame을 사용하여 버튼을 어떻게 동적으로 생성합니까?
- javascript - JQuery를 사용하여 동적으로 colspan 값 설정
- ajax - JavaScript를 사용하여 여러 선택 상자를 동적으로로드
- selenium - Python을 사용하여 드롭 다운 메뉴에서 동적으로 생성 된 모든 데이터를 스크랩하는 가장 좋은 방법
- javascript - JS 스크립트를 사용하여 페이지에 동적으로 추가 된 HTML 콘텐츠에 CSS가 적용되지 않음
- arrays - Python을 사용하여 비밀번호 생성
- PHP를 사용하여 mysql에서 동적으로 테이블 선택
- iText 7 및 Java 생성 pdf를 사용하면 긴 영어 단어를 래핑 할 수 없습니다
- typescript - get set 메서드를 동적으로 사용
- javascript - JS/jQuery를 사용하여 인라인 텍스트의 CSS 색상을 동적으로 변경
- python - MetPy를 사용하여 Countour Plot 생성 문제
관련 질문
- reactjs - 머티리얼 UI에서 상태가 변경 될 때 스위치 라벨을 어떻게 변경합니까?
- reactjs - 객체를 배열로 푸시 네이티브 반응
- reactjs - "수정하려면 useEffect 정리 함수에서 모든 구독 및 비동기 작업을 취소하십시오" 오류 그러나 나는 그것을 사용하지 않습니다
- javascript - 기본 URL을 사용하여 개체 병합
- reactjs - 네이티브 컨텍스트 API에 반응하기 위해 여러 값을 전달하는 방법
- reactjs - React의 빈 div에 항목을 넣는 장단점은 무엇입니까?
- javascript - 이 코드를 비동기 대기 구문으로 어떻게 바꿀 수 있습니까? (리 액트 네이티브)
- reactjs - React Native Web이란?
- reactjs - react rsuite 라이브러리에서 양식을 어떻게 재설정 할 수 있습니까?
- javascript - 컴포넌트가 마운트 해제되었을 때 React에서 반복되는 Promise (Recursive Functions)를 어떻게 취소하나요?
원하는 것을 시각적으로 표현하면 더 나을 것이지만 중첩 구조를 렌더링하고 업데이트하고 싶다고 생각합니다. 이를 위해 배열에 재귀 맵 방법을 권장합니다.