React-pdf: Uint8Array 데이터로 onLoadSuccess가 시작되지 않음

확실히 정상이 아닙니다! 그렇지 않으면 파일이 완벽하게로드됩니까? 여기에서 React-PDF 구현을 공유할 수 있습니까?

예, 파일이 완벽하게 로드되었습니다.

안정적인 릴리스와 3 알파에서 시도했습니다.

내가 뭔가를 놓쳤나요?

export default class PDFPlayer extends PureComponent {

  state = {
    fileLoaded: 0,
    numPages: null,
    pageNumber: 1,
  }

  componentWillMount() {
    const { filePath } = this.props;
    if (fs.existsSync(filePath)) {
      fs.readFile(filePath, (err, file) => {
        if (err) { console.log(err); }
        this.file = new Uint8Array(file);
        this.setState({ fileLoaded: 1 });
      });
    }
  }

  onLoadSuccess = (pdf) => {
    console.log('onDocumentLoad', pdf);
    this.setState({ numPages: pdf.numPages });
  }

  onRenderSuccess = (page) => {
    console.log(page.originalHeight);
  }

  render() {
    const { fileLoaded } = this.state;
    if (!fileLoaded) return null;
    return (
      <div style={{ ...styles.container, height: document.body.offsetHeight }}>
        <Document
          ref={(doc) => { this.document = doc; }}
          file={{ data: this.file }}
          onLoadSuccess={this.onLoadSuccess}
        >
          <Page onRenderSuccess={this.onRenderSuccess} pageNumber={1} />
        </Document>
      </div>
    );
  }
}

그것은 완벽하게 괜찮아 보인다! 최소한 onSourceSuccess 콜백을 받는지 궁금합니다...!
그건 그렇고, 나는 당신이 그렇게 많은 일을 할 필요가 없다고 생각합니다.

1. fs.readFile 양식이 무엇이든 받아 들여질 것이라고 믿습니다.
2. file={this.file} 도 괜찮습니다.

또한 힌트, componentWillMount는 곧 더 이상 사용되지 않습니다. componentDidMount에 문서를 로드해 보세요. :)

힌트를 주셔서 감사합니다. componentDidMount

• 
  
  1. 예, Uint8Array 없이 작동합니다.
  
  
• 
  
  1. 아니요, 개체를 전달하지 않고 파일을 직접 로드하려고 하면 오류가 발생합니다.
  
  

해킹을 찾았습니다. 첫 번째 페이지를 로드한 후 페이지 수를 알아야 하므로 첫 번째 페이지의 renderSuccess가 문서 상태의 페이지 수를 가져오기를 기다리고 있습니다. 나는 내 프로젝트에 약간 바빠서 이것을 디버깅할 시간이 없었습니다. 전자에서 실행 중이거나 로컬 파일을 로드하고 있기 때문인지 확실하지 않습니다. 어쨌든, 디버깅 할 시간이 생기면 계속 업데이트하겠습니다.