Блог

Я новичок в реагировании на родной язык. Я не знаю, как преобразовать функциональный компонент в компонент класса. пожалуйста, помогите. вот мой код кода холста подписи react native, который находится в функциональном компоненте, я хочу преобразовать его в компонент класса, пожалуйста, помогите, спасибо.

 const ref = useRef();


    const handleSignature = signature => {
      const path = FileSystem.cacheDirectory   'sign.png';
  FileSystem.writeAsStringAsync(path, signature.replace('data:image/png;base64,', ''), {encoding: FileSystem.EncodingType.Base64}).then(res => {
    
        // console.log(res);
        // FileSystem.getInfoAsync(path, {size: true, md5: true}).then(file => {
          FileSystem.getInfoAsync(path).then(file => {
          console.log(file);
          setSingleFileSIGN({ singleFileSIGN: file.uri});
          console.log(singleFileSIGN)
        })
      }).catch(err => {
        console.log("err", err);
      })
  };

  const handleEmpty = () => {
    console.log('Empty');
  };

  const handleClear = () => {
    console.log('clear success!');
  };

  const handleEnd = () => {
    ref.current.readSignature();
  };
  


 <View style={{flex: 1, width:355, 
              ...Platform.select({
      android: {
         marginBottom:-80,
        borderColor: '#FF8C00',
        borderWidth:1
      //  marginBottom:-150
      },
    }),
    }}>
                    <SignatureScreen style={{height: '400%'}}
                        ref={ref}
                        onEnd={handleEnd}
                        onOK={handleSignature}
                        onEmpty={handleEmpty}
                        onClear={handleClear}
                        descriptionText={'Sign here!'}
                    />
              </View>