報錯提示:
Uncaught Invariant Violation: onlyChild must be passed a children with exactly one child.
報錯代碼:
pmessage = this.state.showmessage?<div className="pmessage">{this.state.pmessage}</div>:""; return ( <div className="userinfo"> <TimeoutTransitionGroup enterTimeout={450} leaveTimeout={450} transitionName="pmessage" className='pmessage' > { pmessage } </TimeoutTransitionGroup> </div> );
解決方案:
pmessage = this.state.showmessage?<div className="pmessage">{this.state.pmessage}</div>:<div></div>; // 添加child DOM return ( <div className="userinfo"> <TimeoutTransitionGroup enterTimeout={450} leaveTimeout={450} transitionName="pmessage" className='pmessage' > { pmessage } </TimeoutTransitionGroup> </div> );