javascript - React 组件检查变量是否为空

Question

我有一个 react 组件，在类/组件/中也有一个变量

这是代码:

import React from 'react';

export class Header extends React.Component {
  constructor() {
    super();
    this.myvar = 'some text';
  }

  render() {
    return (
      <div>
        <div>{this.myvar}</div>
      </div>

    );
  }
}

我如何检查“myvar”是否为空以及它是否与上面的组件相同？

Answer 1

render() {
    return (
      <div>
        <div>{!!(this.myvar)?this.myvar:"whatever you want"}</div>//
      </div>

    );
  }

!!: check for undefined, null, and empty value