react 메시지 기능 준비1
5264 단어 react
1. props
2. ， render ，
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title>
<script src="./src/react.js">script>
<script src="./src/react-dom.js">script>
<script src="./src/browser.min.js">script>
head>
<body>
<div id="demo">div>
<script type="text/babel">
var FirstComponent = React.createClass({
getInitialState:function () {
return {
mes:this.props.value
}
},
render:function (){
return (
<div>
<h1>{this.props.title}h1>
{/*value this.props value ， ， state ；onchange */}
<input type="text" value={this.state.mes} onChange={this.changeHandle}/>
<input type="button" value={this.props.sendName} />
{/* */}
<p>{this.state.mes}p>
div>
)
},
changeHandle:function (ev) {
console.log(ev.target.value)
this.setState({mes:ev.target.value})
}
});
var obj = {
title:' react ',
sendName:' ',
value:" "
}
ReactDOM.render(
<FirstComponent {...obj} />,
document.getElementById("demo"),
function(){
console.log(" ");
}
);
script>
body>
html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
NextJS에서 환경 변수(.env) 설정내 환경 변수가 작동하지 않습니다 😱😱😱 이 상황에서 .env 파일을 사용하여 NextJS 앱에서 개발하는 동안 API URL 또는 비밀 키를 숨기고 싶을 수 있습니다. Next.js에서 환경 변수를 어떻게 사용합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
