1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
  | import React, { useState, useRef, useEffect, useMemo } from "react"; 
 |  import { 
 |      TextInput, 
 |      BooleanInput, 
 |      FormDataConsumer, 
 |  } from 'react-admin'; 
 |  import { useWatch, useFormContext } from "react-hook-form"; 
 |    
 |  const MemoInput = (props) => { 
 |      // const memoWrap = useWatch({ name: 'memoWrap' }); 
 |    
 |      return ( 
 |          <> 
 |              <BooleanInput label="common.field.memoWrap" source="memoWrap" /> 
 |              <FormDataConsumer> 
 |                  {({ formData }) => 
 |                      formData.memoWrap ? ( 
 |                          <TextInput 
 |                              label="common.field.memo" 
 |                              source="memo" 
 |                              parse={v => v} 
 |                              fullWidth 
 |                              multiline 
 |                              minRows={2} 
 |                              autoFocus 
 |                              {...props} 
 |                          /> 
 |                      ) : null 
 |                  } 
 |              </FormDataConsumer> 
 |          </> 
 |      ) 
 |  } 
 |    
 |  export default MemoInput; 
 |  
  |