홈>
다수의 객체를 통해 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 : 오류 : '구성 요소', 'GetComponent'또는 'Children'소품 '홈'을 찾을 수 없습니다. '정의되지 않은'을 통과하면 이것은 일어날 수 있습니다.
- reactjs : 예기치 않은 동작 Redux는 저장소 변경을 탐색합니다
- reactjs : 뒤로 버튼이리스트 네이티브 탐색에서 작동하지 않습니다
- reactjs : 해결 방법 : 오류 : 너무 많은 재발개. 반응은 무한 루프를 방지하기 위해 렌더링 수를 제한합니다.
- javascript : 맨 위로 탭 네비게이터 버전 5에서 작동하지 않는 대응 원시 materialsCommunityons
- javascript : CSV 파일을 FormData로 변환하고 싶습니다.
- javascript : SetTimeout 함수에서 code를 기다리는 방법 다른 비동기 기능에서 응답을 얻을 때까지
- reactjs : UseEffect 의존성 경고
- javascript : 제출을 양식하기 전에 Formik 필드 어레이를 빈 배열로 재설정하기
- reactjs : React Native 라우터 플럭스에서 서랍에서 탐색
원하는 것을 시각적으로 표현하면 더 나을 것이지만 중첩 구조를 렌더링하고 업데이트하고 싶다고 생각합니다. 이를 위해 배열에 재귀 맵 방법을 권장합니다.