Want to conditionally wrap a React component? Use this component: conditional-wrap. A simple React component for wrapping children based on a condition.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | var component = ( <i className={styles.Icon}> {this.props.count} </i> ); if (this.props.link) { return ( <a href={this.props.link} className={baseClasses}> {component} </a> ); } return component; |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.