jsx

0熱

1答えて

を反応させる方法： <div> <a href="#" onClick={this.logout()}>LOGOUT</a> </div> とログアウト機能：ローカルホストで logout() { // localStorage.clear(); location.href = 'localhost:3000'; } では、私はこのようなdiv要素を持って

0熱

1答えて

`data- *`（ハイフンの場合）属性を小道具から破壊する方法は？

私のコンポーネントの1つを機能的なステートレスコンポーネント（FSC）に変換しようとしています。 ...restを使用している場合、FSCは最適化されません。したがって、コンポーネントの小道具を破棄する必要があります。 function Link({ to, className, onClick, target, rel, key, data-navbar-click}) { しかしそのdoe

0熱

1答えて

ブールステータスをアクティブまたは非アクティブにする方法

バックエンドへのリクエストでは、ユーザがログインしている場合はtrue、それ以外の場合はfalseとなります。しかし、私はそれが今起こっているように、偽の真の、アクティブまたは非アクティブテーブルにない表示する：をそして、これはコードです：右ここ const UserRow = ({ data }) => <tbody> <tr> <td>{data.firstName}

3熱

5答えて

JSXレンダリングされたhtml要素で "this"を使用できないのはなぜですか？

私の質問は、JSX &の条件付きレンダリングについて、thisの使用です。それはコンポーネントが呼ばれると<li>タグを表示しますごと時間は適用されませんように私は条件付きでonMouseEnter属性をレンダリングしたい render() { return ( <li onMouseEnter={this.mouseEnter}> //things

0熱

1答えて

React：代入や関数呼び出しが予想され、代わりに式が見つかりました

次のサンプルコードのconst def = (props) => {行でこのlintエラーを修正しようとしています。 const propTypes = { prop1: PropTypes.string, prop2: PropTypes.string, prop3: PropTypes.string, prop4: PropTypes.string, prop5: PropTypes

0熱

1答えて

JSXの番号付きforループのレンダリング

一連の画像を表示しようとしていますが、次のコードは{i}を実際の番号に置き換えません。 <div> <img src='/img/picture{i}.jpg' /> <img src='/img/picture{i}.jpg' /> </div> これはコードです。 class Pictures extends Component { render() {

1熱

4答えて

forループはReact-JSXでは使用できないのはなぜですか？

私はこのコードスニペットが許可されていない理由を理解しようとしています： <tbody>{ for (var i=0; i < objects.length; i++) { <ObjectRow obj={objects[i]} key={i}> } } 、なぜこの1が許可されている：私はそれが届かない <tbody> {objects.map(function(obj

0熱

3答えて

リアクション式内で関数を実行する

これはReactを学んでいる間に私が間違って見つけた答えに関する質問です。私は次の式を追加した場合、それは絶対にうまく動作しますnewDivのクラスに<div>要素内 class Table extends Component { render() { const {list, pattern, onDismiss} = this.props; return (

1熱

1答えて

React Js逆の配列をクリックすると逆さになります

データベースから引き出された配列を持っていますので、少し新しいモーダルを開くページのボタンをクリックすると最新のdbエントリが先頭に移動します表示された配列が反転し、何らかの理由で最も古いものから最新のものへと変わり、なぜそれがわからないのですか？あなたは順序がレンダリングされたノートに反転新しいノート]ボタンをクリックしたときに import React, { Component } from

0熱

1答えて

反応しているネイティブルータのフラックスシーンのフラグにアクセスする

私はplaces.jsというシーンを持っており、私は設定したフラグのために小道具を渡しました。 cities.jsとcountries.jsの2つのシーンでは、私は小道具を個別に渡すことに問題はありません。しかし、私はこれらの2つのシーンを反応ネイティブルータフラックスタブを使用してタブに設定しました。問題はここにあります。タブ付きのシーンに移動すると、フラグの小道具は保存されて一度しか表示されな