はmp3

Question

を再生するためにtryignとき、私は次のようしている問題に反応します"currentState.visibility.grid"はtrueに設定され、サウンドは再生されません。

これとは別に、コンソールでエラーなし：音の再生は

return (
    <div className={"wrapper " + currentState.bgColor}> 
     <div className="wrapper-inner"> 
     <CustomSound /> 
      <h1 className={isH1Visible}><span>the big</span> reveal</h1> 
      {form} 
      {cat} 
      {grid} 
      {timeUp} 
      {correct} 
      {incorrect} 
     </div> 
    </div> 
) 

：

SoundManager V2.97a.20170601 (HTML5-only mode) 
soundmanager2.js?afc8:1305 SoundManager 2 HTML5 support: mp3 = true, mp4 = true, ogg = true, opus = true, wav = true, flac = true 
soundmanager2.js?afc8:1305 SoundManager 2: Ready. ✓ 

UPDATE

場合は、に移動します。

Answer 1

Gridの子として追加しないでください。代わりに、兄弟としてそれを渡します：

if(currentState.visibility.grid) { 
    grid = <div> 
     <Grid 
      visibility={currentState.visibility.grid} 
      visibilityCustomCity={currentState.visibility.city} 
      setVisibility={this.setVisibility} 
      current={currentState.data} 
      points={currentState.points} 
      addPoints={this.addPoints} 
      setVisibility={this.setVisibility} 
      setCatBgColor={this.setCatBgColor} 
      catBgColor={currentState.catBgColor} 
      bgImg={currentState.bgImg} 
      setFinalPlay={this.setFinalPlay} 
      setBgColor={this.setBgColor} 
      setCountVisibility={this.setCountVisibility} 
     /> 
     <CustomSound /> 
    </div>; 
} 

周囲のdivに注意してください。だから今度はGridとCustomSoundのdivを返します。