"<p> </p> sometext <p></p>".replace(/<p>( )?<\/p>/gi, "")
for(let i = 0; i < input.files.length; i++) {
const r = reader[i] = new FileReader();
r.addEventListener('load', () => {
document.querySelectorAll('.blah3')[i].setAttribute('src', r.result);
});
r.readAsDataURL(input.files[i]);
}
return null
внесет изменения в DOM, а если быть точнее, то удалит элемент, тогда как установка CSS свойства либо добавление CSS класса hide
с CSS свойством display : none
быстрее скроет элемент, потому что нет необходимости изменять DOM.import Auth from 'test.jsx'
. Либо добавьте в опцию resolve.extensions это расширение, чтобы вебпак автоматически считал его "стандартным" и его можно не указывать. class Table extends Component {
constructor(props) {
super(props);
this.handleClick = handleClick.bind(this);
}
handleClick(id) {
console.log(id);
}
render() {
return (
<div>
{items.map(item => <Item key={item.id} onClick={() => this.handleClick(item.id)} />)}
</div>);
}
}
width=screen.width; // ширина
height=screen.height; // высота
width=document.body.clientWidth; // ширина
height=document.body.clientHeight; // высота
это значение записать как стиль высоты для блока в css
document.getElementById("block").style.width= width;
document.getElementById("block").style.height= height;
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
var x = document.getElementById("demo");
x.innerHTML = "Browser inner window width: " + w + ", height: " + h + ".";
</script>
</body>
</html>