React.js：如何使用react-audio-recorder

Question

我想要录制我希望从state.audioData组件获取wav blob数据<AudioRecoder/>，以便将其发送到服务器。

我注意到其他状态数据可以很好地访问，但state.audioData不是。

这是我的代码。

import AudioRecorder from 'react-audio-recorder';
class Test extends React.Component{
  constructor(){
    super();
    this.handleClick = this.handlClick.bind(this);
  }

  handlClick(){
    var binary = [];
    binary.push(this.refs.child.state.auidoData);

    window.console.log("audioData :" + this.refs.child.state.auidoData);
    window.console.log("initialAudio :" + this.refs.child.props.initialAudio);
    window.console.log("isPlaying :" + this.refs.child.state.isPlaying);
    window.console.log("binary :" + binary);

    var blob =  new Blob(binary, {type: "audio/wav"});
    var url = window.URL.createObjectURL(blob); 
    window.console.log(url);
  }

  render(){
    return(
      <div>
        <AudioRecorder ref="child"/>
        <button onClick={this.handleClick}>click</button>
        <div id="json"></div>
      </div>
    )
  }
}
export default Test;

录制后，点击＆＃34;点击＆＃34;按钮，控制台记录AudioRecorder的状态..

下面是日志结果

  

audioData：undefined

     

initialAudio：undefined

     

isPlaying：false

     

二进制：

     

团块：http://localhost:3000/ac26bd3e-f1c7-43f2-a2ea-769a3e79cb23

另外，下面是react-audio-recorder link。