在 ReactJS 中，有时我们需要根据特定的条件来决定是否渲染组件。这种情况下，我们可以使用条件渲染。

ReactJS 中的条件渲染有两种常用的方式：

1. 使用 if/else 语句

我们可以使用 if/else 语句来根据条件来渲染组件。下面是一个示例：

class Example extends React.Component {
  render() {
    if (this.props.isVisible) {
      return <div>This is visible.</div>;
    } else {
      return null;
    }
  }
}

在这个例子中，如果 isVisible 属性为 true，组件就会渲染一个包含文本内容的 div 元素。如果 isVisible 不为 true，组件将返回 null，什么也不会渲染。

2. 使用三元运算符

另一种常用的条件渲染方式是使用三元运算符。下面是一个示例：

class Example extends React.Component {
  render() {
    return (
      <div>
        {this.props.isVisible ? <div>This is visible.</div> : null}
      </div>
    );
  }
}

在这个例子中，我们使用了三元运算符来判断 isVisible 属性是否为 true。如果是，就渲染一个包含文本内容的 div 元素，否则什么也不渲染。

需要注意的是，条件渲染的写法可以有很多种，具体取决于你的习惯和项目需求。但是，无论哪种方式，都要确保你的代码可读性、可维护性和可扩展性。

总之，在 ReactJS 中，条件渲染是非常常用的技巧，它可以让我们根据具体情况来选择渲染哪个组件，从而更好地控制组件的呈现。