Wie konvertiert man Signatur in Daten: image/png; base64 in react?

Question

Ich reagiere-Signatur-Register bin mit Komponente

<div className="form-group row"> 
<label className="col-sm-2 form-control-label text-xs-right"> Witness-1 Signature: </label> 
<div style= {{backgroundColor: '#f1f1f1'}}> 
    <SignaturePad clearButton="true" /> 

</div> 

<label className="col-sm-2 form-control-label text-xs-right"> Witness-2 
Signature: </label> 
<div style= {{backgroundColor: '#f1f1f1'}}> 
<SignaturePad clearButton="true" /> 
</div> 

</div> 

After signing from this component on click on submit I need to convert the image into "data:image/png;base64, {{imagedata}}" Ich habe von URL für das Erhalten der Signatur als Daten reagieren Signatur Pad durch das Dokument gegangen muss ich Gebrauch von signature.toDataURL() machen .

Ich bin neu in dieser Komponente Ich bin nicht in der Lage, die genaue Lösung zu finden, wie diese Methode toDataURl() zu verwenden.

Bitte helfen Sie mir bei der Lösung dieses Problems.

Answer 1

Sieht aus wie ihre Dokumente ist ein bisschen aus, sie verwenden die alte Ref-API von reagieren und nicht die new one.

hier ist ein funktionierendes Beispiel: https://codesandbox.io/s/vq65wj3nl0