Как отобразить элемент из истинного или ложного внутри объекта? Javascript ReactJs

Это наиболее распространенный шаблон условного рендеринга в React, адаптированный для вашей конкретной структуры:

this.state.objects.map(obj => (
  {obj.status && (
    <div>{obj.value}</div>
  )}
))

Если вы делаете это часто, проще сделать это в компоненте:

const SomeObject = ({ state, value }) => {
  if (state) {
    return(
      <div>{value}</div>
    )
  } else {
    return null
  }
}

Или, если ваш компонент JSX длиннее, извлеките функцию:

class SomeObject extends React.PureComponent {
  renderObj = () => (
    <div>
      {this.props.value}
      Other HTML here
    </div>
  )

  render() {
    return this.props.state ? this.renderObj() : null
  }
}

Это позволяет исключить условную логику из родительского компонента и упрощает JSX-часть.

сделайте отдельный компонент для упрощения работы, а затем отправьте status и value в качестве опоры для компонента в вашем компоненте, если еще

if (this.props.status)
     return //your render items
  else return null;