react-jsx

1熱度

1回答

我對構建可重用的<Element> React組件感興趣。目的是讓任何人使用它來選擇指定一個tagName prop，該prop指示組件將編譯的確切HTML元素。既然這樣，這裏是Element組件的樣子： import React, { Component } from 'react'; class Element extends Component { constructor(p

1熱度

1回答

如何根據條件呈現JSX？

如何添加類似： if(true) <Reminder /> else <div>hehe</div> 在普通的方法是什麼？我知道，我可以使用<Reminder />創建兩個return聲明，但不使用<Reminder />，但我不想重複代碼。這是我到目前爲止有： renderReminders() { const { reminders } = this.props; r

4熱度

3回答

如何避免以反應形式添加現場更改處理方法和其他樣板？

我有在它超過10個字段一個反應基的形式，我有狀態對那些10個form字段（控制部件）。其中大部分input字段的類型只有text，但其他類型的字段稍後會添加。問題是，我需要寫10改變處理程序爲他們正確設置狀態，然後在構造添加方法綁定爲他們每個人。我是相當新的反應，可能不知道正確的方法和技術。請指導我如何改進我當前的代碼結構，避免寫入鍋爐板和重複出錯代碼。我目前的註冊組件就像下面 - e

0熱度

3回答

渲染組件時如何使用點符號？

我這是爲了使不同類型的場爲我的形式組成一個簡單的組件： import React from "react"; export default class Field extends React.Component { render() { switch (this.props.type) { case 'textarea': { return (

0熱度

1回答

將標記ID設置爲對象屬性

buttons = buttons.map(function(assetf,index){ return( assetf.map(function(asset, index){ return( <select class="btn btn-info dropdown-toggle" id=asset._id> )

1熱度

1回答

如何評論做出反應，將通過的WebPack

得到遵守這一切都在標題真的，我try'ed： /*Comment here*/ 和 //Comment here 但都顯示在網頁上。

0熱度

1回答

如何在Typescript中使用JSX中的html屬性onclick

Typesript在嘗試在我使用的任何HTML元素上使用onclick時給出以下錯誤。 ERROR in /Volumes/WorkSpace/Projects/wirecash-client/src/elements/dropdown/Dropdown.tsx (25,45): error TS2339: Property 'onclick' does not exist on type 'H

0熱度

1回答

內聯CSS樣式未呈現[以前：組件未呈現其元素 - 反應]

我正在學習React。我想呈現以下組件，（index.js的內容） import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; class d3Dash extends React.Component { render() { return ( <div style={{width

0熱度

3回答

React js：我可以將數據從一個組件傳遞到另一個組件嗎？

我是React的新手，我仍然在學習它。我正在做一個個人項目。讓我解釋一下我的問題：我有一個名爲<NewReleases />，我讓Ajax調用，今天採取一些DATAS的一些電影出來電影院組件。（我拿標題，海報img，概述等等......）我把所有的數據都放在<NewReleases />狀態，這樣狀態變成了一個包含每個電影對象的對象，並且每個對象都包含標題屬性，海報屬性等......然後我渲

2熱度

1回答

爲什麼一套物業在DOM等於其自身渲染 - React.js

考慮這個代碼塊從http://facebook.github.io/react/docs/lists-and-keys.html function ListItem(props) { // Correct! There is no need to specify the key here: return <li>{props.value}</li>; } function