React basic# 2


JSX構文文


これはJSX文法についての質問です.錯覚を起こしやすいのが次の例です.
const Hello = () =>{
	return (
    	[<div>안녕하세요</div>,<div>반갑습니다.</div>]
        )
       }
まず、後で配列を用いてfilterとmapを行う過程で、
柔軟に変換できる文法の根本が「配列」だからです.
それで起動しました
import './App.css';
import React, {useState} from 'react';
import {Questions} from './Questions';

class App extends React.Component{
	constructor(props) {
    	super(props);
        	this.state = {
            	page : 0,
                };
               }
               
handleCLick() {}

render() {
	return (
    <div className='App'>
    	<div className = 'selectPage'>
        // 예를들어 이렇게된다.
        [<div key ={'a'}>example</div>, <div key={'b'}>example</div>]
           </div>
         </div>
       );
      }
    }

export default App;
これでも起動できます.アレイの内容を直感的に表示できます...さっきの「宣言型」の原則に合致する.配列構文が可能なのは、mapとfilterを後で書くためです.

JSX中括弧の原則


括弧にはJavaScriptの式が含まれています.ただし、括弧内に条件文を書くことはできません.
JavaScriptの式は何ですか?
コンソールに電話すると、結果が表示されます.

このまま...でも、

このような間違いが発生したのは括弧に入れない.
一方、カッコ内の3つの演算子を使用して条件文を書くことができます.
あるいは
if 조건문 
else

return ( 
<div>{코드} </div>
) 
これで入力が開始されます.あるいは、関数を単独で作成したい場合は、jsファイルを単独で作成できます.
呼んでもっときれいに使ってください.

JSXの部分はどのように区別しますか?


どこでできますか.どこでできませんか.ただし、jsxを処理する場合は、render()部分に特に注意してください.
JSXコードがJavaScriptコードにうまく変換されていることを確認します.
足が変われば無条件によく動きます.
そしてリターンの時はしっかりと包むようにしなければなりません.縛れ...!
import './App.css';
import React, {useState} from 'react';
import {Questions} from './Questions';

class App extends React.Component{
	constructor(props) {
    	super(props);
        	this.state = {
            	page : 0,
                hello :<div>hello</div>
                };
               }

render() {
return {
<div className ="App">
	<div>달력</div>
    <div>자유로운일정</div>
    <div className = "selectPage">
    	<div>{this.state.hello}</div>
     </div>
   </div>
  );
 )
}

export default App;
やらなければならないことがあれば、構造関数にやったほうがいいです.
render()の前に別の関数を作成するか、
<div>onClick={this.filterArr.bind(this)}>{this.state.hello></div>
こうやってお勧めします.
Reactionは自分で勝手に料理を作るアプリなので、ユーザーに自分の望む「例」をフォローさせるのが好きです.
とにかく、JavaScriptエラーが発生していないかよくチェックしてください.
return文の括弧を締めておけばいいです.(開場ラベル終了ラベル...ちゃんと包んでください)