return (
 
 
 {type === "new" ? (
 ##### Add New Field to {formName}
 ) : (
 ##### Edit Field belonging to {formName}
 )}
 
 onExpand()}
 >
 

 
 {values.field\_type === "hysSelect" ? (
 
 

 ) : null}
 {values.field\_type === "hysCustomid" ? (
 
 

 ) : null}
 {values.field\_type === "hysStatic" ? (
 
 

 ) : null}
 {values.field\_type === "hysCheckbox" ? (
 
 

 ) : null}
 {values.field\_type === "hysTable" ? (
 
 

 ) : null}

 {values.field\_type === "hysText" ? (
 

 Text: You will want to use this for short text fields (less than
 100 characters). This field is good for storing names.
 

 ) : null}

 {values.field\_type === "hysTextarea" ? (
 

 Textarea: This is for storing more lengthy text, such as a
 detailed profile.
 

 ) : null}

 {values.field\_type === "hysStatic" ? (
 

 Static Text: This is for adding un-alterable text that will be
 the same for all Recipients or Donors. This is useful for
 inputting information that will be the same for a whole program.
 Then if you need to change it later, you just change it in the
 form itself, rather than changing each entity individually.
 

 ) : null}

 {values.field\_type === "hysAge" ? (
 

 Age: This field is a date field that allows you to input a
 birthdate and it will display the date and age automatically,
 like so: "Age: 32 (Mar 3, 1982)"
 

 ) : null}

 {values.field\_type === "hysDate" ? (
 
Date: This is a simple date field.

 ) : null}

 {values.field\_type === "hysLink" ? (
 

 Link: This can be used to set a weblink, If you had a video of a
 project for funding, it could be displayed using this.
 

 ) : null}

 {values.field\_type === "hysSelect" ? (
 

 Select List: This can be used for sorting. The format with this
 is to type in a number of different options separated by commas.
 This generally works better when spaces aren't used.
 

 ) : null}

 {values.field\_type === "hysCheckbox" ? (
 
Checkbox: This is for creating a simple yes or no option.

 ) : null}

 {values.field\_type === "hysTable" ? (
 

 Table: This can be used to create a table to store information.
 The format is to make a list of table columns separated by
 commas.
 

 ) : null}

 {values.field\_type === "hysCustomid" ? (
 

 Auto Increment ID: If you want to create a unique ID for each
 entity that will automatically increment when new entities are
 created, use this field.
 

 ) : null}

 
 Please refer to the instructions for what to enter here.
 Requirements are different depending on the type of field being
 added.
 


 {({ field, form }) => (
  permissions.value === values.permissions
 )}
 onChange={(option) =>
 form.setFieldValue(field.name, option.value)
 }
 />
 )}
 


 {({ field, form }) => (
  onCheck(val, field, form, setFieldValue)}
 >
 If checked this field will be used as the profile title (or
 name).
 
 )}
 


 {({ field, form }) => (
  onCheck(val, field, form, setFieldValue)}
 >
 If checked this field will be required in order to save the
 profile information.
 
 )}
 


 {({ field, form }) => (
  onCheck(val, field, form, setFieldValue)}
 >
 If checked the end user will be able to sort with this
 field.
 
 )}
 


 {({ field, form }) => (
  onCheck(val, field, form, setFieldValue)}
 >
 If checked the end user will be able to filter with this
 field. Only works with 'Select List' field type.
 
 )}
 

 );
};

export default FormFields;
반환 (   {유형 === "new" ? ( ##### {formName}에 새 필드 추가 ) : ( ##### {formName}에 속하는 필드 편집 )}  onExpand()} >   {values.field\_type === "hysSelect" ? (   ) : null} {values.field\_type === "hysCustomid" ? (   ) : null} {values.field\_type === "hysStatic" ? (   ) : null} {values.field\_type === "hysCheckbox" ? (   ) : null} {values.field\_type === "hysTable" ? (   ) : null} {values.field\_type === "hysText" ? (  텍스트: 짧은 텍스트 필드(100자 미만)에 사용하는 것이 좋습니다. 100자 미만). 이 필드는 이름을 저장하는 데 좋습니다.  ) : null} {values.field\_type === "hysTextarea" ? (  텍스트 영역: 자세한 프로필과 같이 더 긴 텍스트를 저장하는 데 사용됩니다. 저장하기 위한 것입니다.  ) : null} {values.field\_type === "hysStatic" ? (  정적 텍스트: 변경할 수 없는 텍스트를 추가하는 데 사용됩니다. 변경할 수 없는 텍스트를 추가하기 위한 것입니다. 다음과 같은 경우에 유용합니다. 전체 프로그램에 동일하게 적용되는 정보를 입력할 때 유용합니다. 나중에 변경해야 하는 경우 각 항목을 변경하지 않고 양식 자체에서 변경하면 됩니다.  ) : null} {values.field\_type === "hysAge" ? (  나이: 이 필드는 날짜를 입력할 수 있는 날짜 필드입니다. 생년월일을 입력할 수 있는 날짜 필드이며 자동으로 날짜와 나이를 표시합니다, 다음과 같이 "Age: 32 (Mar 3, 1982)"  ) : null} {values.field\_type === "hysDate" ? ( 날짜: 간단한 날짜 필드입니다. ) : null} {values.field\_type === "hysLink" ? (  링크: 웹링크를 설정하는 데 사용할 수 있으며, 펀딩을 위한 프로젝트의 동영상이 있는 경우 프로젝트의 동영상이 있다면 이를 사용하여 표시할 수 있습니다.  ) : null} {values.field\_type === "hysSelect" ? (  목록을 선택합니다: 정렬에 사용할 수 있습니다. 이 형식은 의 형식은 쉼표로 구분된 여러 옵션을 입력하는 것입니다. 일반적으로 공백을 사용하지 않을 때 더 잘 작동합니다.  ) : null} {values.field\_type === "hysCheckbox" ? ( 체크박스입니다: 간단한 예 또는 아니요 옵션을 만들기 위한 것입니다. ) : null} {values.field\_type === "hysTable" ? (  테이블: 정보를 저장할 테이블을 만드는 데 사용할 수 있습니다. 형식은 테이블 열 목록을 쉼표로 구분하여 쉼표로 구분하는 것입니다.  ) : null} {values.field\_type === "hysCustomid" ? (  자동 증가 ID: 새 엔티티가 생성될 때 자동으로 증가하는 각 엔티티에 대해 새 엔티티가 생성될 때 자동으로 증가하도록 하려면 이 필드를 사용합니다.  ) : null}  여기에 입력할 내용은 지침을 참조하세요. 요구 사항은 추가되는 필드 유형에 따라 다릅니다. 추가됩니다.  {({ 필드, 양식 }) => (  permissions.value === values.permissions )} onChange={(옵션) => form.setFieldValue(field.name, option.value) } /> )}  {({ field, form }) => (  onCheck(val, field, form, setFieldValue)} } > 체크하면 이 필드가 프로필 제목(또는 이름).  )}  {({ field, form }) => (  onCheck(val, field, form, setFieldValue)} } > 체크하면 프로필 정보를 저장하기 위해 이 필드가 필요합니다. 프로필 정보를 저장하기 위해 이 필드가 필요합니다.  )}  {({ field, form }) => (  onCheck(val, field, form, setFieldValue)} > 이 옵션을 선택하면 최종 사용자는 이 필드.  )}  {({ field, form }) => (  onCheck(val, field, form, setFieldValue)} > 이 옵션을 선택하면 최종 사용자는 이 필드값으로 필터링할 수 있습니다. 필드로 필터링할 수 있습니다. '목록 선택' 필드 유형에서만 작동합니다.  )}  );};기본 폼필드를 내보냅니다;