removeCount = (idx) => (/*сюда будет передан event, но он вам типа не нужен*/) => {
/* тело с this, он будет autobinded */
}class App extends React.Component {
//constructor(){
// super();
// this.state ={
// count: [1,2,3,4,5,6,7,8,9]
// }
// this.removeCount = this.removeCount.bind(this)
//}
this.state = {
count: [1,2,3,4,5,6,7,8,9]
};
/*...*/
}class App extends React.Component {
constructor(){
super();
this.state ={
count: [1,2,3,4,5,6,7,8,9]
}
this.removeCount = this.removeCount.bind(this)
}
removeCount(idx) {
return function() {
let newItems = this.state.count;
newItems.splice(idx, 1);
this.setState({count: newItems});
// this.setState({count: this.state.count.slice(/*чо нада*/)});
// все что выше в методе тогда не нужно
}
}
render() {
const list = this.state.count.map(function(index, i){
return (
<div
key={i}
onClick={this.removeCount(i)}>
<p>{index}</p>
</div>
);
})
return (
<div className="row">
{list}
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById('container'));class App extends React.Component {
state ={
count: [1,2,3,4,5,6,7,8,9]
}
removeCount = (idx) => () => {
this.setState({count: this.state.count.slice(idx, 1)});
}
render() {
return (
<div className="row">
{this.state.count.map(i => (
<div
key={i}
onClick={this.removeCount(i)}>
<p>{i}</p>
</div>
))}
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById('container'));
$('селектор кнопки').click(function() {
$('селектор-элементов')
.not('.класс')
.slice(0, количествоЭлементовКоторымНадоДобавитьКласс)
.addClass('класс');
});const items = [...document.querySelectorAll('селектор элементов')];
document.querySelector('селектор кнопки').addEventListener('click', () => {
items
.splice(0, количествоЭлементовКоторымНадоДобавитьКласс)
.forEach(n => n.classList.add('класс'));
});
возможно есть на гитхаб какие опен сорс проекты
class App extends React.Component {
constructor(){
super();
this.state ={
count: [1,2,3,4,5,6,7,8,9]
}
}
removeCount(idx){ // <= здесь было idk (опечатка)
let newItems = this.state.count;
newItems.splice(idx, 1);
this.setState({count: newItems});
}
render() {
const self = this
const list = this.state.count.map(function(index, i){
// здесь у вас был не тот this, так как вы используете обычную функцию, а не стрелочную, "this равный компоненту" теряется, чтобы разобраться можете тут сконослить this и self
return <div key={i} onClick={self.removeCount.bind(self, i)}><p>{index}</p></div>
})
return (
<div className="row">
{list}
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById('container'));
<script src="i18n/datepicker-ru.js"></script>$('#datepicker').datepicker($.datepicker.regional[ 'ru' ]);$('#datepicker').datepicker({ firstDay: 1 });
// или
$('#datepicker').datepicker('option', 'firstDay', 1);
textarea {
margin: 0;
border: 0;
}
position: relative;position: absolute;
z-index: 100;// Ловишь событие движение слайдера (у некоторых слайдеров есть события)
$('slider').on('sliderMove', function() {
// Вешаешь на кнопочку заранее написанную анимацию
$('кнопка').addClass('doAnimation');
SetTimeOut(function(){
// Через пол секунды удаляешь анимацию кнопки
$('кнопка').removeClass('doAnimation');
}, 500);
});
<section>
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div>
</section>.container {
width: 500px;
height: 200px;
margin: auto;
background: green;
position: relative;
}
.container:before {
content: '';
display: block;
width: 1000px;
height: 100%;
background: green;
position: absolute;
left: -1000px;
top: 0;
}
section {
overflow-x: hidden;
}
