Answers for "js inside jsx"

16

what is jsx in react

instead of putting JavaScript into HTML,
JSX allows us to put HTML into JavaScript.
JSX stands for JavaScript XML. 
It is simply a syntax extension of React. 
It allows us to directly write HTML in React.
Posted by: Guest on July-03-2021
9

how to use if else inside jsx in react

renderElement(){
   if(this.state.value == 'news')
      return <Text>data</Text>;
   return null;
}

render() {
    return (   
        <View style={styles.container}>
            { this.renderElement() }
        </View>
    )
}
Posted by: Guest on May-27-2020
1

adding a if stement in jsx

render() {
    return (   
        <View style={styles.container}>
            {this.state.value == 'news'? <Text>data</Text>: null }
        </View>
    )
}
Posted by: Guest on July-05-2020
2

jsx react

const element = <h1>Hello World</h1>
Posted by: Guest on June-02-2021

Browse Popular Code Answers by Language