nomad code_react js로 영화앱 만들기_#4.0
2022. 11. 11. 12:22ㆍreact
#컴포넌트 인자값 받기
<body>
<div id="root"></div>
</body>
<script type="text/babel">
function Btn(){
return(
<button style={{
backgroundColor: "tomato",
color: "white",
padding: "10px 20px",
border: 0,
borderRadius: 10,
fontSize: big ? 20 : 10,
}}>
{banana}
</button>
);
};
function App() {
return(
<div>
<Btn banana="Save Changes" big={true} />
<Btn banana="Continue" big={false} />
</div>
);
};
const root = document.getElementById("root");
React.DOM.render(<App />, root);
</script>각각의 컴포넌트는 인자값을 전달할 수 있다.
전달 된 인자값은 출력 텍스트, 함수 등에 다양하게 쓰일 수 있다.
-출력물
'react' 카테고리의 다른 글
| nomad code_react js로 영화앱 만들기_#4.2 (0) | 2022.11.14 |
|---|---|
| nomad code_react js로 영화앱 만들기_#4.1 (0) | 2022.11.11 |
| nomad code_react js로 영화앱 만들기_#3.9 (0) | 2022.11.09 |
| nomad code_react js로 영화앱 만들기_#3.5 ~ 3.8 (0) | 2022.11.09 |
| nomad code_react js로 영화앱 만들기_#3.0 ~ 3.4 (0) | 2022.10.06 |