React & 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.Вероятно, это должно быть состояние / проп.