1.定義了一個(gè)組件import React from 'react';class Formlat extends React.Component{
render (){ return (
<div>
<h1>我愛我的祖國(guó)。。。</h1>
<div className='user'>123456zxvsa</div>
</div>
)
}
}
export default Formlat;2.然后引用這個(gè)組件兩次import React, { Component } from 'react';import './App.css';import Formlat from './components/zujian';import styles from './bbb.css'class App extends Component {
render() { return ( <div className="App">
<Formlat></Formlat>
<Formlat></Formlat>
</div>
);
}
}export default App;3.頁(yè)面顯示是這樣的4.我定義了一個(gè)背景顏色 .bbb{ background-color: blue;
}5.如何改，才能只給第一個(gè)組件加背景顏色呢？？？，我寫的這個(gè)沒有任何反應(yīng)呀return ( <div className="App">
<Formlat className={styles.bbb}></Formlat>
<Formlat></Formlat>
</div>
);
2 回答
收到一只叮咚
TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超5個(gè)贊
使用方法：
<Formlat style={{background: 'blue'}} /><Formlat />你的代碼是使用class的方式，思想是一樣的，把傳遞style變成傳遞class就ok啦！
添加回答
舉報(bào)
0/150
提交
取消