بخش های اصلی

آموزش ReactJS

ReactJS – State

State جاییه که داده ازش میاد. باید همیشه تا جایی که می توانید State را ساده نگه دارین و تعدد کامپوننت هایی که state دارن (stateful) را کم کنین. باید یک کامپوننتِ container ایجاد کنین که state مربوط به تمام عناصر داخلش را نگه داره.

استفاده از Propها

کد زیر با استفاده از دستور EcmaScript2016، نحوه ی ایجاد کامپوننت های دارای state (stateful) را نشان میده.

App.jsx

import React from 'react';

class App extends React.Component {
   constructor(props) {
      super(props);
		
      this.state = {
         header: "Header from state...",
         "content": "Content from state..."
      }
   }
	
   render() {
      return (
         <div>
            <h1>{this.state.header}</h1>
            <h2>{this.state.content}</h2>
         </div>
      );
   }
}

export default App;

main.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('app'));

خروجی کد بالا بصورت زیر خواهد بود:

react state simple

مبحث آموزشی

آموزش ReactJS

Learn ReactJS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد