我正在尝试使用map函数向ReactJS中的元素添加一个类,但是仅仅对于循环中的第一个元素,这可能/一种简单的方法吗？
return (
Want to add 'active' class when the first but for the others dont add it
)
Alexander T... 12
如果你使用.map的.forEach,那么你可以做这样的
var List = React.createClass({
render: function() {
var lists = this.props.data.map(function (itemData, index) {
/// if index === 0 ( it is first element in array ) then add class active
var cls = (index === 0) ? 'item active' : 'item';
return
{ itemData.itemValue }
;
})
return { lists };
}
});
Example
classnames如果您需要有条件地更改类,也会有一个很好的包,就像您的情况一样
var List = React.createClass({
render: function() {
var lists = this.props.data.map(function (itemData, index) {
return
{ itemData.itemValue }
})
return { lists };
}
});
Example
如果你使用.map的.forEach,那么你可以做这样的
var List = React.createClass({
render: function() {
var lists = this.props.data.map(function (itemData, index) {
/// if index === 0 ( it is first element in array ) then add class active
var cls = (index === 0) ? 'item active' : 'item';
return
{ itemData.itemValue }
;
})
return { lists };
}
});
Example
classnames如果您需要有条件地更改类,也会有一个很好的包,就像您的情况一样
var List = React.createClass({
render: function() {
var lists = this.props.data.map(function (itemData, index) {
return
{ itemData.itemValue }
})
return { lists };
}
});
Example
京公网安备 11010802040832号 | 京ICP备19059560号-6 