React JS Uygulaması Başlangıç
- melihcelenk
- Site Admin
- Mesajlar: 218
- Kayıt: 05 Eki 2021, 03:23
React JS Uygulaması Başlangıç
ile projemizi oluştururuznpx create-react-app projem
const {title, description} = props;npm start
ile projemizi başlatırız
App.js dosyamızı aşağıdaki gibi düzenleyip Course isminde bir component oluşturalım
App.js:
Kod: Tümünü seç
import './App.css';
import { Course } from './Course';
function App() {
return (
<div className="App">
<Course/>
</div>
);
}
export default App;
Course.js
Kod: Tümünü seç
import React from 'react'
export const Course = () => {
return <div>Course</div>;
}
Kod: Tümünü seç
function Course() {
return ( );
}
export default Course;
Kod: Tümünü seç
import Course from './Course';
Props Kullanımı
Course içinde function Course(props) olarak parametre geçer ve App.js'de
Kod: Tümünü seç
<Course title="React Kursu" description="Xyz"/>
Kod: Tümünü seç
const title = prop.title;
Kod: Tümünü seç
const {title, description} = props;
Kod: Tümünü seç
function Course(props) {
const {title, description} = props;
return (
<>
<div>
<h1>{title}</h1>
</div>
<div>
{description}
</div>
</>
);
}
export default Course;
Kod: Tümünü seç
function Course({title, description}) {