нужно вращать сначала медленно, потом быстро, потом опять медленно
history.push
video.pause();
video.currentTime = 0;
// где video - ссылка на DOM элемент (по id или через ref)
const Input = ({ label, ...props }) => (
<div>
<label>
{label}
<input {...props} />
</label>
</div>
);
class App extends React.Component {
state = {
from: 'Москва',
to: 'Питер',
}
onChange = ({ target: { value, name } }) => {
this.setState(() => ({
[name]: value,
}));
}
swap = () => {
this.setState(({ from, to }) => ({
from: to,
to: from,
}));
}
render() {
return (
<div>
<button onClick={this.swap}>swap</button>
<Input label="откуда" value={this.state.from} name="from" onChange={this.onChange} />
<Input label="куда" value={this.state.to} name="to" onChange={this.onChange} />
</div>
);
}
}
import Vue from 'vue';
import VueComponent from './VueComponent.vue';
const element = document.getElementById('element');
new Vue({
el: element,
template: `<vue-component/>`,
components: {
VueComponent,
},
});
background-image: -webkit-linear-gradient(left, #fff 50%,#000 50%);