React - 从返回条件中删除空DIV

Question

我试图从html中删除这个空的<div>。

class ParentComp extends Component {
...

return (
      <div>
        {
          GlobalAppHandlerStore.getCurrentState().countryCode === this.props.countryCode ?
            this.props.children
            :
            ''
        }
      </div>
    );

用例：

<ParentComp countryCode={COUNTRY_CODE.be.value}>
   <ItemConfigure {...this.props} />
</ParentComp>

如果不匹配，则打印为空。

Answer 1

试试这个：

render() {
    return GlobalAppHandlerStore.getCurrentState().countryCode === this.props.countryCode && (<div>{this.props.children}</div>);
}