如果在reactjs中没有使用axios从后端服务器获取数据，如何隐藏该行

如果没有使用axios从后端服务器获取数据，我想隐藏该行 下面是我的代码。。在这段代码中，如果后端有数据，那么我们将得到这一行，如果没有数据，那么这一行仍然存在，如果数据不存在，我想隐藏这一行

            <Row className="ml-0 mr-0 mt-3 articleauth">
              <Col sm={2} className="authourpic pl-1 pr-1">
                <img
                  src={item.author[0] ? item.author[0].picture : null}
                  alt=""
                />
              </Col>
              <Col sm={10} className="authorinfo pl-1 pr-1">
                <h5>{item.author[0] ? item.author[0].name : null}</h5>
                <p>
                  {item.author[0] ? item.author[0].description : null}
                </p>
              </Col>
            </Row>

---

您可以为此使用条件渲染

{ item.length > 0 && (    
<Row className="ml-0 mr-0 mt-3 articleauth">
              <Col sm={2} className="authourpic pl-1 pr-1">
                <img
                  src={item.author[0] ? item.author[0].picture : null}
                  alt=""
                />
              </Col>
              <Col sm={10} className="authorinfo pl-1 pr-1">
                <h5>{item.author[0] ? item.author[0].name : null}</h5>
                <p>
                  {item.author[0] ? item.author[0].description : null}
                </p>
              </Col>
            </Row>
) } 

{item.length>0&&（
{item.author[0]？item.author[0]。名称：null}

{item.author[0]？item.author[0]。说明：null}

) } 

隐藏行的方法

如果数组为空，或者希望基于对象的任何字段隐藏行

let lists = [{id:0, title: 'Hello', status: true}, 
            {id: 1, title: 'Hello 2', status: false}];

{lists && lists.map((list,i)=>
     <div key={i}>
       { list.status && <div>{list.title}</div> }
      </div>
    )}

数组的空检查

    {items && items.map((item,i)=>
      <Row className="ml-0 mr-0 mt-3 articleauth" key={i}>
              <Col sm={2} className="authourpic pl-1 pr-1">
                <img
                  src={item.author[0] ? item.author[0].picture : null}
                  alt=""
                />
              </Col>
              <Col sm={10} className="authorinfo pl-1 pr-1">
                <h5>{item.author[0] ? item.author[0].name : null}</h5>
                <p>
                  {item.author[0] ? item.author[0].description : null}
                </p>
              </Col>
            </Row>
        )}

{items&&items.map（（item，i）=>
{item.author[0]？item.author[0]。名称：null}

{item.author[0]？item.author[0]。说明：null}

)}

基于对象的任何字段

let lists = [{id:0, title: 'Hello', status: true}, 
            {id: 1, title: 'Hello 2', status: false}];

{lists && lists.map((list,i)=>
     <div key={i}>
       { list.status && <div>{list.title}</div> }
      </div>
    )}

let list=[{id:0，标题：'Hello'，状态：true}，
{id:1，标题：'Hello 2'，状态：false}]；
{lists&&lists.map（（list，i）=>
{list.status&&{list.title}
)}