كتب basic use
اذا لم تجد ما تبحث عنه يمكنك استخدام كلمات أكثر دقة.
عرض المزيد
المصدر: wikipedia.org
الاستخدام الأساسي (معلومة)
ما يلي هو مثال أولي لاستخدام React في HTML مع JSX و JavaScript.
<div id="myReactApp"></div> <script type="text/babel"> class Greeter extends React.Component { render() { return <h1>{this.props.greeting}</h1> } } ReactDOM.render(<Greeter greeting="Hello World!"></Greeter>, document.getElementById('myReactApp')); </script>
فئة Greeter هو مكون React الذي يقبل خاصية الترحيب. يقوم أسلوب ReactDOM.render بإنشاء مثيل لمكون Greeter ، ويقوم بتعيين خاصية الترحيب إلى "Hello World" ويقوم بإدراج المكون الذي تم تحويله كعنصر فرعي إلى عنصر DOM مع id myActeactApp.
عند عرضه في متصفح الويب ستكون النتيجة
<div id="myReactApp"> <h1>Hello World!</h1> </div>
