自己評価
4928 ワード
17質問あなたの反応devのスキルを監査する
私はいつも私の反応devのスキルを向上させるための部屋を探します.反応の評価は、あなたの自信を構築したり、いずれかの方法で勝つ勝利を弱さを発見🏆.
免責事項:レガシーコードを理解する偉大なスキルです.テストの質問は、最新の反応の最新バージョンではないかもしれません.
レッツ開始🐐
質問1厘
JSXのH 1要素から関数FETCH ()にアクセスするにはどうしたらよいですか?畝
A )
<h1>{fetch()}</h1>
b <h1>${fetch()}</h1>
ハ一九九七七年
正解=
<h1>{fetch}</h1>
質問2
反応コンポーネントのどのメソッドを使用すると、コンポーネントが更新されるのを止めるためにオーバーライドする必要がありますか?
例)
コンポーネント名
コンポーネントdidupdate
コンポーネントのマウント
正しい答え= b )
質問3
外からコンポーネントへデータを渡すために何を使用しますか?
setstate
引数を与える
プロタイプ
三柱柱
正しい答え= D
質問4度
最初にコンポーネントをレンダリングした後、Responseコンポーネント内のどのメソッドを呼び出しますか?
コンポーネントdidupdate
コンポーネントマウント
コンポーネントのマウント
コンポーネント
正しい答え= b )
質問5度
以下は、すべての反応のための必須APIです.jsコンポーネント?
setinitialcomponent
レンダンプコンポーネント
レンダリング
d )上記の全て
正しい答え= b ) rendercomponent
質問6厘
WebPackコマンドの使用方法は何ですか?JS ?
( a ) "Webpack "コマンドを使用します.
つのファイルへのすべてのJavaScript
ローカル開発サーバー
c )モジュールバンドル
上記のどれも
モジュールのバンドルです
質問7
以下のどれがボタンクリックイベントハンドラの正しい構文ですか?
A )
<h1>${fetch}</h1>
b <h1>{fetch()}</h1>
ハ一九九七七年
正しい答え= D)
<button onclick={this.foo()}>
質問8
rende ()メソッド内でsetstate ()をコールするとどうなりますか?
画面上に繰り返し出力が表示されます
スタックオーバーフローエラー
重複キーエラー
何も起こりません.ライフゴーズオン!
スタックオーバーフローエラー
質問9。
フォントサイズを指定するインラインスタイルを書き込みます.JSXで
A )
<button onclick={this.foo}>
b <button onClick={this.foo()}>
ハ一九九七七年
正しい答え= B)
<button onClick={this.foo}>
質問10
ReactJSへのキーは以下の概念のどれですか?
イベント代表モデル
コンポーネント指向設計
c )上記の両方
上記のどれも
上記の両方を正解= c
質問11厘
反応の利点は以下のいずれかである.JS ?
仮想DOMでアプリケーションのパフォーマンスを上げる
JSXは読み書きが簡単なコードを作ります
クライアントとサーバ側の両方をレンダリングします
他のフレームワーク(角、backbonejs)と統合するのは簡単です
d )上記の全て
上記のすべての正しい答え= d
質問12
次のコマンドのいずれかを作成するために使用される反応アプリを作成するには?
NPMのインストール- Gを作成する反応アプリ
NPMのインストール作成反応アプリ
npmのインストール- F作成反応アプリ
をインストールします
NPMのインストールを修正- Gを作成する反応アプリ
代わりに、NX CREATE APPは、あなたのマシンでノード>= 14.0.0とNPM >= 5.6を持っているならば、appを動かします.
質問13。
反応には以下のものを用いる.パフォーマンスを向上させるJS?
オリジナルDOM
仮想DOM
CとAの両方です.
d )上記のどれもない.
仮想DOMを修正
質問14
以下のキーワードのどれがクラス継承を作成するのに使用されますか?
クリエイト
bを継承する
拡張
D )
正しい答え= c
質問15
trueまたはfalse :コードが書き込まれる前にテストを記述する必要がありますか?
真の
偽りの
正しい答え=A
質問16
以下のコードを考えると、コンソールに何回表示されますか?
import { useState, useEffect } from "react";
export default function App(props) {
const [counter, setCounter] = useState(0);
useEffect(() => {
console.log("Hello");
setCounter(1);
}, [props.visible]);
return <div className="App">{counter}</div>;
}
a)1b)2
c ) 3
d)4
正しい答え= A
質問17
以下のrender ()メソッドが実行されるとどうなりますか?
render(){
let langs = ["Ruby","ES6","Scala"]
return (<div>
{langs.map(it => <p>{it}</p>)}
</div>)
}
配列に言語の一覧を表示するb )エラーです.JSXで直接JavaScriptコードを使用できません
何も表示しません
d )エラーです.…に置き換えられるべきだ正しいループ
配列の言語の一覧を表示します
🔑
1 A
2 B
3 D
4 b
5 B
6 C
7 D
8 B
9 B
10 C
11 D
12 A
13 B
14 C
15 A
16 A
17 A
リンク🔗
CRA
React Components
Inheritance
社会
Portfolio
Github
あなたの時間をありがとう.畝
ベスト, 5
❤️
ハッピーコーディング
Reference
この問題について(自己評価), 我々は、より多くの情報をここで見つけました https://dev.to/gregpetropoulos/react-self-assessment-2lh5テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol