if-else statement inside jsx: ReactJS

Question

I need to change render function and run some sub render function when a specific state given,

For example:

render() {
    return (   
        

        

Answer 1

You can achieve what you are saying by using Immediately Invoked Function Expression (IIFE)

render() {
    return (   
        
            {(() => {
              if (this.state == 'news'){
                  return (
                      data
                  )
              }
              
              return null;
            })()}
        
    )
}

Here is the working example:

But, In your case, you can stick with the ternary operator