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

Question

我正在尝试删除这个空的 <div>来自 html。

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>);
}