綁定屬性

時間 2021-08-14

標籤 html react babel app dom ide this cdn htm 欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

// 封裝App 組件

class App extends React.Component{

constructor(){

super();

this.state = {

title:'標題',

// imagUrl:'https://himg.bdimg.com/sys/portrait/item/wise.1.7410f781.uIX3cBSrpKoNZuTngAm-Sg.jpg?time=8674'

imagUrl:"" ,

active: true

}

render(){

const {title,imagUrl,active} = this.state;

return (

<div>

<div className="box title">我是div元素</div>

<div className={"box title " + (active ? 'active' : '')}>我也是div元素</div>

<div style={{color:"red",fontSize:50}}>我是div元素,綁定style樣式</div>

</div>

)

}

ReactDOM.render(<App/>,document.getElementById('app'));

</script>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。