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