“Mehrere CSS -Klassen in React” Code-Antworten

JSX ClassName Multiple

// Using String Templates
<div className={`${this.state.className} ${this.props.content.divClassName}}`>
	...
</div>
// OR
// Using An Array
<div className={[this.state.className, this.props.content.divClassName].join(" ")}>
	...
</div>
Clear Cobra

Mehrere CSS -Klassen in React

//one class from props and second from custom css class
className={`${classes.container} custom_container`}
Zia Ullah Sarwar

Reagieren Sie mehrere Klassennamen

className={[this.state.className, this.props.content.divClassName].join(" ")}
Anxious Antelope

So fügen Sie mehrere Stilattribute im React -Element hinzu

style is just an Object, with css value turn to camelCase, so you could use any way to merge two object, and it should work.

ES6: style={Object.assign({}, style1, style2)}

ES7: style={{...style1, ...style2}}

lodash: style={_.merge({}, style1, style2)}
Kami

So fügen Sie einer ReactJS -Komponente mehrere Klassen hinzu

var liClasses = classNames({
      'main-class': true,
      'activeClass': self.state.focused === index
    });

    return (<li className={liClasses}>{data.name}</li>);
Batman

Wenden Sie mehrere Stilobjekte in React JS an

// REACT JS STYLING - Snippet 1

//--- Use belowe methods ---
ES6: style={Object.assign({}, style1, style2)}
ES7: style={{...style1, ...style2}}
Copy Paster

Ähnliche Antworten wie “Mehrere CSS -Klassen in React”

Fragen ähnlich wie “Mehrere CSS -Klassen in React”

Weitere verwandte Antworten zu “Mehrere CSS -Klassen in React” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen