Merhabalar bir React.js projesi üzerinde çalışıyorum. Fakat bir sıkıntı ile karşılaştım ve bir türlü çözemedim.
Sorun şu; React ile bir component oluşturdum fakat bir türlü bağlayamadım. Kodlar şurada, bir sıkıntı varsa lütfen yorum olarak belirtiniz:
components.js Kodları:
import './stil.css'
import React, {Component} from 'react'
class components extends Component{
render(){
return(
<div className="kutu">
<ul>
<li>Osman</li>
<li>Beyhan</li>
<li>17</li>
<li>Mekatronik</li>
</ul>
</div>
);
}
}
export default components;
App.js Kodları:
import components from './objects/components';
import './App.css';
function App(props) {
return (
<div className="App">
<components/>
{
alert("Hello")
}
<div className="bar">
<ul>
<li>
<a link href="https://">GENEL</a>
</li>
<li>
<a link href="https://">KARA</a>
</li>
<li>
<a link href="https://">HAVA</a>
</li>
<li>
<a link href="https://">DENİZ</a>
</li>
<li>
<a link href="https://">UZAY</a>
</li>
</ul>
<div className="container">
<div className="col-1"></div>
<br></br>
<div className="col-2"></div>
<br></br>
<div className="col-3"></div>
</div>
</div>
<br></br>
</div>
);
}
export default App;
Sorun şu hiçbir hata çıkmıyor fakat components componenti sitede de gözükmüyor.
Biliyorum çok fazla soru soruyorum fakat eğitim aşamasındayım. Kusura bakmayın...
