Created
December 22, 2015 12:46
-
-
Save anonymous/1ebebcd48d68715f8822 to your computer and use it in GitHub Desktop.
Задание для https://goo.gl/WGrXbu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="ru"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Sci-Fi</title> | |
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> | |
<script src="https://fb.me/react-0.14.3.js"></script> | |
<script src="https://fb.me/react-dom-0.14.3.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> | |
</head> | |
<body> | |
<div class="container"> | |
<h1>Задание №4</h1> | |
<div class="row"> | |
<div class="col-md-6"> | |
<p>Это страница создания персонажа в онлайн-игрушке по мотивам научной фантастики начала XX века (игрушка воображаемая, мы её придумали специально для этого задания). Нужно сделать <strong>компонент на React.js для выбора параметров персонажа:</strong> планеты, расы и пола.</p> | |
<ul> | |
<li>планет всего три: «Земля», «Марс» и «Венера»;</li> | |
<li>рас три: люди, марсиане и венерианцы. Марсиане могут быть только с Марса, венерианцы только с Венеры, а люди могут с любой из трёх планет;</li> | |
<li>полов у людей два, у венерианцев — три (кроме мужского и женского есть средний), у марсиан пол вообще один (мужской).</li> | |
</ul> | |
<p>При создании компонента рекомендуется придерживаться здравого смысла и минимализма.</p> | |
</div> | |
<div class="col-md-6"> | |
<form> | |
<div class="form-group"> | |
<label for="name">Имя</label> | |
<input class="form-control" name="name" id="name"> | |
</div> | |
<div id="container"></div> | |
<input type="submit" class="btn btn-primary" value="Создать персонажа"> | |
</form> | |
</div> | |
</div> | |
</div> | |
<script type="text/babel"> | |
var Selector = React.createClass({ | |
render() { | |
return ( | |
<code>...здесь не хватает вашего кода...</code> | |
); | |
} | |
}); | |
ReactDOM.render( | |
<Selector gender="man" planet="mars" race="human"/> , | |
document.getElementById('container') | |
); | |
</script> | |
</body> | |
</html> |
Все верно. Предполагаю, что эти свойства задумывались, как дефолтные значения для полей
@AndrewDubovtsev, это не догма, это затравка. Если есть понимание, как сделать лучше/правильнее, это только в плюс :)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Меня удивило, что gender, planet и race - свойства, а не состояния. По идее они неизменяемые.