کامپوننت ها در ری کت

خوب برای درست کردن یه کامپوننت توی فولدر src یه فولدر به نام Component می سازیم خوب توش یه فایل می سازیم به اسم Contact.js خوب انگار کامپوننت رو باید با حرف بزرگ شروعشون کرد.

خوب برای کد نویسی من از vscode اسفاده می کنم و یه افزونه داره که پیشنهاد می کنم نصبش کنید.

VS Code ES7 React/Redux/React-Native/JS snippets

خوب حالا باز نوشتن rcc می تونیم یه کامپوننت کلاس بسازیم

اون export default رو میاریم در اخر و بعد از export default اسم کامپوننتمون رو می نویسیم.

خوب این شکلی شد:

import React, { Component } from &quotreact&quot
class contact extends Component {
render() {
return(
<div>
<h4>hello im taha</h4>
<ul>
<li>email: taha@gmail.com</li>
<li>phone number: 09884456859</li>
</ul>
</div>
)
}
}
export default contact;

خوب برای نمایش این کامپوننت باید توی کامپوننت اصلی اپمون اون رو ایمپورت کنیم.