react-jsx

1熱度

2回答

我有這種形式，我想發送這些值。我知道我們必須使用setState()來存儲數據，但它如何工作input type="hidden"？第一個問題：如何將輸入隱藏到setState？第二個問題：如何序列化數據，如form.serialize（）？第三個問題：如何發送這些序列化值？ Ajax或Axios，誰更好？下面是代碼： handleSubmit(e) { e.preventDef

1熱度

1回答

如何根據React JS中的其他組件創建Dropdown組件？

我想創建一個Dropdown組件：<Dropdown />。在這下拉，我想處理程序和內容顯示。此下拉列表中始終包含2個元素。此處理程序可以是任何內容：簡單的HTML，字符串或組件。要顯示的內容可以是任何內容：簡單的HTML，字符串或組件。我該如何構造這個Dropdown？我想在我的應用程序的任何地方重複使用它。我有這個想法。 <div id="Page2"> <Dropdown

1熱度

3回答

React JS中單獨組件之間的共享狀態如何？

我想創建Dropdown組件。當我點擊DropdownHandler組件時，我想保存的狀態爲isOpen，可以是true或false。如果使用true，則<DropdownContent/>使用相同的state來顯示內容。而默認情況下，stateisOpen是false在<Dropdown />組件我怎麼能做到這一點嗎？ App.jsx import React from 'react';

1熱度

1回答

React自定義onClick事件與參數

我想有一個自定義的onClick事件發射任何時候我的一個被選中，但我無法讓step.id正確傳遞。我嘗試調度requestStep時未定義stepId。有什麼想法嗎？ var requestStepOnEnter = ({ stepId }) => { store.dispatch(requestStep(stepId)); }; const ExperimentDetail =

1熱度

2回答

React Child Component Not Rendering

我正在使用JSX創建分層React組件。該代碼不顯示任何錯誤，但沒有顯示在我的頁面上。以下是我的代碼如下。 <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>React Test</title> </head> <body>

0熱度

1回答

處理事件做出反應

我見過處理無國籍功能組件的事件兩種方法： 1） const SomeInputComponent = ({ onTextChange }) => ( <input type='text' onChange={(e) => onTextChange (e.target.value)} /> ); 2） const SomeInputComponent = ({ onTextChan

1熱度

2回答

React/JSX - 如何編寫一個可編輯輸入的初始內容，通過僅在提交時更新父項的道具提供？

我發現保持本地狀態的所有例子都不能爲輸入提供初始值。在我的情況下，父組件從服務器中檢索字段，並將這些字段傳遞給我的輸入表單，其中字段應該是可編輯的。但是如果我可以避免，我不想將每個更改都傳回層次結構，而只是在提交表單時（通過按鈕或按回車鍵）更新：使用情況如下。想象一下todo清單。頂層包含列表和詳細信息組件。當我點擊列表時，細節應該更新以顯示選定的待辦事項文本。該文本應該是可編輯的。因此，至於

-3熱度

1回答

reactjs無法讀取未定義的屬性'forEach'

我從父元素獲取產品數組並嘗試使用forEach遍歷它。相反，我得到一個錯誤「Uncaught TypeError：無法讀取屬性'forEach'未定義在ProductTable.render」。 console.log（行）輸出對象的數組。下面是我的productTable組件 import React from 'react'; import ReactDOM from 'react-dom

0熱度

2回答

FormControl的React-Bootstrap設置值選擇

我有一個FormControl，它是一個選擇，我在窗體中使用。它在添加新資源時工作正常，但是當我想要編輯現有記錄時，我需要設置控件的值。我沒有看到設置select/combobox值的好方法。這是我的JSX的樣子。 <FormGroup controlId="group"> <ControlLabel>Group</ControlLabel> <FormControl comp

0熱度

1回答

更改onclick在react-js中的值

output look like this當我單擊更改文本按鈕時，它應該用該值替換文本（TodoApplication），如果它是空值（應該替換空標題），則此代碼中的值不會更改！任何人都可以編輯代碼來獲得解決方案！ var TodoApp = React.createClass({ getInitialState: function() { return {items: []}