Question

我有一个react组件，我在类/ component /

中也有一个变量

以下是代码：

import React from 'react';

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

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

    );
  }
}

我如何检查＆＃34; myvar＆＃34;是空的，如果它与上面的组件有关吗？

Answer 1

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

    );
  }

!! ：检查undefined，null和空值

Answer 2

提供的解决方案违反了eslint的no-extra-boolean-casts规则。

使eslint高兴的另一种方法如下：

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

    );
  }

React Component check变量为空

2 个答案: