jsx

    2熱度

    3回答

    我對擬議的JavaScript do expression construct有疑問。有很多示例說明如何使用從if和else這兩個條件語句中返回值。同樣適用於if與else if和else。 那麼只有一個if條款,但沒有else if或else?這是否是do表達式的有效用法? 我的用例是用於有條件地顯示反應組件中的內容。我想編寫代碼JSX像這樣,但我不知道這是否是有效的: export defau

    0熱度

    1回答

    我目前正在研究我的第一個項目與電子反應和redux。我動態地在輸入數據上生成表格。我的列寬是立即基於該列中最大的單元格動態生成的。 export default class myTable extends React.Component { sortTable(col) { const { tableHead } = this.props.tabledata const

    0熱度

    1回答

    屬性我有一些HTML需要定製的,沒有價值取決於形勢的屬性。例如,這些都是有效的: <div className="playlist-row" selected> <div className="playlist-row" active> <div className="playlist-row"> 我試圖做類似 let customAttr = {'active'}; // incorre

    0熱度

    2回答

    背景 我已經放在屏幕上的圖像意在顯示屏幕負載時等內容。 我想讓圖片居中,所以它始終位於所有設備的中心。 問題 目前圖像顯示出來頂部中心。我希望它也是垂直對齊的。另外要確保它在所有設備上始終保持一致。 問題 是什麼,以確保解決方案的圖像始終居中,右大小爲所有設備? 實施例, 我當前的代碼, 在Photoshop 圖片300分辨率 高度是776像素 寬度是600像素 我想要的圖像被水平居中並在所有設備

    -2熱度

    1回答

    我從API中獲取JSON數據,然後需要將其顯示在反應組件中。我需要使用if/else條件。例如。由JSON數據返回的持續時間可能會變爲0或者根本沒有設置,在這種情況下,我需要避免在屏幕上顯示它。所以我需要在行類內部有一個if/else條件並僅在API提供時才顯示Duration數據,我該如何實現這一點?我讀過JSX不支持if/else,那麼在這種情況下有什麼選擇? <div className=

    0熱度

    1回答

    根據this,導入語句應該被任何瀏覽器接受(實際上不是看到註釋),但是當我嘗試使用它時,chrome會產生關於錯誤標記和語法錯誤的信息。 這是react申請。 我的HTML看起來像 <!DOCTYPE html> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]--> <head> <meta charset="U

    1熱度

    1回答

    我想轉換項目的數組... const data = [ { title: "T1", content: [ { "question": "Q1a", "answer": "A1a" }, { "question": "Q1b", "answer": "A1b" }

    1熱度

    1回答

    我隱藏並顯示基於複選框狀態的組件,並且我使用三元運算符來決定組件是顯示還是隱藏。然而,這個組件正在處理數據,所以最好用CSS隱藏組件,因爲每當組件重新顯示時,它就會創建一個新的請求。下面是三元運算符: const displayWidget = this.state.checked ? <Widget /> : null; 我已經看過其他的例子,努力實現一樣,有些提示是這樣的: const d

    1熱度

    1回答

    我的render方法內部我調用一個方法,它根據API響應數據執行一些條件邏輯。我不清楚如何解決這個錯誤,考慮到我沒有從DOM中刪除任何東西。這裏是我的方法 import numeral from 'numeral'; import moment from 'moment'; class SearchResultsListItem extends React.Component {

    0熱度

    1回答

    我是一名React初學者,我正在開發一個項目,我將擁有一個表單,並且當數據進入一個表格時,將會動態地填充來自用戶的數據。 我的代碼: <div> <tbody> <tr> <td>{this.props.someData}</td> </tr> <tr> <td>{this.props.moreData}</td> </tr