Написание условия If в React

Я пытаюсь написать оператор if внутри цикла, но он выдает ошибку. Я пробовал использовать {}, но он тоже не работает, как мне его правильно написать.

`<Option
      optionText = {option}      

 colorText = {props.colors[index]}
      priceText = {props.prices[index]}
      rangeText = {props.ranges[index]}
      domainText = {props.domains[index]}

    if (this.props.colorText == this.props.domainText){
      //I want to write a if condition here but it says Identifier expected
    }
      count= {index + 1}
      handleDeleteOption = {props.handleDeleteOption}
    />
    </div> 
      )) 
    }  
  </div>`

импортировать React из React;

const Option = (реквизиты) => (

<p className = "add-option-color">
  props.rangeText = {(props.colorText == props.domainText) ? props.rangeText : 
    props.domainText}
  {props.count}. Product: {props.optionText} , Color: {props.rangeText} , Price: {props.priceText}</p>


    <button  className = "button button--link" onClick = {(e) => {
        props.handleDeleteOption(props.optionText,props.colorText,props.priceText);
      }}
    >
      remove
    </button>
    <hr></hr>
  </div>
);

export default Option;