反应＆amp; es6：返回中的条件呈现

Question

首先，我检查我是否处于编辑或创建模式，然后如果我处于编辑模式，我想隐藏一些字段：

 render() {
    const isEdit = activity ? 'EDIT' : 'ADD';    
    return ({if (isEdit === 'ADD') {
       <div className="col-12 col-md-6">
          <Field
             name="opportunityContactEmail"
             fullWidth
             component={TextField}
             floatingLabelText={renderLabel('ACTIVITY_ADMIN_FORM_EMAIL')}
           />                
       </div>
    }
 }

但它没有用，对此最好的解决方案是什么？

Answer 1

return !activity && <div ....>...</div>

或者你可以这样做：

render() {
  if (activity) return null;
  return <div ....>...</div>;
}

不确定您activity的声明位置。它可能应该是一个州/道具。