Написал 3 компонента, но они криво работают, что делать?

Анатолий Куликов, спасибо, но блок лучше

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, вспомнил из урока, нужно обернуть их в div и всё будет работать.

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, Пустота

const main = document.querySelector('.container');


class Header extends React.Component {
	render() {
		return (
			<header>
				<div className="brand">History</div>
				<nav>
					<ul>
						<li>Menu 1</li>
						<li>Menu 2</li>
						<li>Menu 3</li>
						<li>Menu 4</li>
						<li>Menu 5</li>
					</ul>
				</nav>
			</header>
		);
	}
}

class LeftSidebar extends React.Component {
	render() {
		return (
			<aside className="leftSidebar">
			
			</aside>
		);
	}
}

class RightSidebar extends React.Component {
	render() {
		return (
			<aside className="RightSidebar">
			
			</aside>
		);
	}
}

class Main extends React.Component {
	render() {
		return (
			<Header/>
			<RightSidebar/>
			<LeftSidebar/>
		);
	}
}



ReactDOM.render(<Main/>,main);

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, Сейчас попробую

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, запихнуть в контейнер тег скрипт и в нём вызывать?

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, как это реализовать?

Написал 3 компонента, но они криво работают, что делать?

Ivan Bogachev, такс, вот обновлённый

const main = document.querySelector('.container');


class Header extends React.Component {
	render() {
		return (
			<header>
				<div className="brand">History</div>
				<nav>
					<ul>
						<li>Menu 1</li>
						<li>Menu 2</li>
						<li>Menu 3</li>
						<li>Menu 4</li>
						<li>Menu 5</li>
					</ul>
				</nav>
			</header>
		);
	}
}

class LeftSidebar extends React.Component {
	render() {
		return (
			<aside className="leftSidebar">
			
			</aside>
		);
	}
}

class RightSidebar extends React.Component {
	render() {
		return (
			<aside className="RightSidebar">
			
			</aside>
		);
	}
}

ReactDOM.render(<Header/>,main);
ReactDOM.render(<RightSidebar/>,main);
ReactDOM.render(<LeftSidebar/>,main);

Написал 3 компонента, но они криво работают, что делать?

Ivan Bogachev, ой, точно, там-же нельзя class ставить, спасибо, а пред. комментатор ошибся.

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, https://codepen.io/History/pen/PoYWJjV

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, секунду

Написал 3 компонента, но они криво работают, что делать?

BD_ l3ftoverZ!, в таком случае где я нарукоблудил?

Вёрстка.Как исправить это?

VicTHOR, это 1 баннер из 8, крупный проект для фильма, у меня дл, анимация фиксированная на 320px, я не знаю как это работает, но на iphone x вчера было норм, сегодня внёс правки и всё накрылось, я удалял весь свой код и отключал все файлы, ситуация не меняется.

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев,

function Blob(x,y,r) {
	this.pos = createVector(x,y);
	this.oldX = this.pos.x;
	this.oldY = this.pos.y;
	this.r = r;
	
	this.update = function(speed) {
		var vel = createVector(mouseX-width/2,mouseY-height/2);
		vel.setMag(speed);
		this.pos.add(vel);
	}
	
	this.show = function() {
		image(player,this.pos.x-this.r,this.pos.y-this.r, this.r*2, this.r*2);
	}
	
	this.hp = function() {
		image(playerhp, this.pos.x-playerhp.width/6, this.pos.y+this.r, playerhp.width/5,playerhp.height/3);
		image(playerhpborder, this.pos.x-playerhp.width/6, this.pos.y+this.r, playerhpborder.width/3,playerhpborder.height/3);
	}
	
}



//Обработчик

if(blob.pos.x - blob.oldX > block[i].pos.x+blockbg.width) { 				
blob.pos.x = block[i].pos.x+blockbg.width+blob.r; 			
}

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, я искал,я нашёл только как отследить,а то что мне нужно я не нашёл

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, мне под ес не нужно, у меня компилятор под андроид, в нём хромиум веб обрабатывает.

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, я тупой,можно просто кусок кода который решит проблему?Если ещё под мои переменные подточите будет в идеале,но я готов идти на три буквы за такую наглость,извините ^^Я просто js юзал основы в вёрстке и это максимум, вот..

Если я хочу реализовать регистрацию на сайте, то каким языком воспользоваться?

Kalombyr, php бред, node.js, быстрый и мобильный, запускается где угодно и на чём, я например 6 лет на мобилках разрабатываю.Нашёл консоль, у меня уже сервер есть)Верстальщиком начал, сейчас в гейм-дев хочу, js подтягиваю хотябы под средний уровень.

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, я попытался сделать так, не работает, я не понял про oldX/Y, можно пример с объяснением?

if(blob.pos.x+blob.r/2+25 >= block[i].pos.x && blob.pos.x <= block[i].pos.x+blockbg.width+blob.r && blob.pos.y >= block[i].pos.y-blob.r && blob.pos.y <= block[i].pos.y+blockbg.height+blob.r) {
				if(blob.pos.x+blob.r/2+25 >= block[i].pos.x) {
					blob.pos.x = blob.pos.x-blob.r;
				}
				if(blob.pos.x <= block[i].pos.x+blockbg.width+blob.r) {
					blob.pos.x = blob.pos.x+blob.r;
				}
				if(blob.pos.y >= block[i].pos.y-blob.r) {
					blob.pos.y = blob.pos.y-blob.r;
				}
				if(blob.pos.y <= block[i].pos.y+blockbg.height+blob.r) {
					blob.pos.y = blob.pos.y+blob.r;
				}
			}

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, тобиш продолжал движение не заходя за границы

Как узнать когда увеличить или уменьшить координаты объекта при столкновениис другим?

Александр Алексеев, какое условие прописать, чтобы при остановке во время столкновения, он мог отлипнуть от объекта?