/Javascript/React/Add if condition in map react

Add if condition in map react

.map(id => {
    if(this.props.schema.collectionName.length < 0)
        return <Expandable>
                  <ObjectDisplay
                      key={id}
                      parentDocumentId={id}
                      schema={schema[this.props.schema.collectionName]}
                      value={this.props.collection.documents[id]}
                  />
              </Expandable>
    return <h1>hejsan</h1>
}

Source: stackoverflow.com

Add if condition in map react

.map(id => {
    return this.props.schema.collectionName.length < 0 ?
        <Expandable>
            <ObjectDisplay
                key={id}
                parentDocumentId={id}
                schema={schema[this.props.schema.collectionName]}
                value={this.props.collection.documents[id]}
            />
        </Expandable>
    :
        <h1>hejsan</h1>
}

Source: stackoverflow.com

Add if condition in map react

renderItem = (id) => {
    // just standard if statement
    if (this.props.schema.collectionName.length < 0) {
        return (
            <Expandable>
                <ObjectDisplay
                    key={id}
                    parentDocumentId={id}
                    schema={schema[this.props.schema.collectionName]}
                    value={this.props.collection.documents[id]}
                />
            </Expandable>
        );
    }
    return (
        <h1>hejsan</h1>
    );
}

Source: stackoverflow.com

Similar codes

4 votes176 views1 answer
Pass parameter to handleclick react
Javascript React
0 vote233 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote187 views1 answer
Reactive forms angular conditional disabling
Javascript React
1 vote196 views1 answer
Functional component how to add to existing array react
Javascript React
1 vote198 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote218 views1 answer
React sticky hook
Javascript React
-1 vote215 views1 answer
How to remove react icon from tab
Javascript React
1 vote201 views2 answers
How to get window size in react js
Javascript React
1 vote188 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote228 views1 answer
Render object id in an array reactjs from database
Javascript React