How to combine multiple inline style objects?

You can use spread operator in regular React:

<button style={{ ...styles.panel.button, ...styles.panel.submitButton }}>{'Submit'}</button>

If you're using React Native then you can use the array notation:

<button style={[styles.panel.button, styles.panel.submitButton]}>{'Submit'}</button>

Made in India with ❤️ by Rajesh Kumar Yadav

Twitter