jsx

3熱度

1回答

<li className=`nav-item {(this.props.activeState===1) ? "active":""}`><a href="#">Main</a></li> ^這是我的代碼。如果滿足條件，我希望類名「活動」出現在「nav-item」旁邊。我認爲把反斜槓讓我一起使用文本和代碼，但我得到一個錯誤 - JSX值應該是表達式或引用JSX文本我該如何正確地做到這一點？

0熱度

1回答

是否可以在React Native中將服務器端數據的樣式應用？

我的一個RN組件從外部服務器呈現數據。數據用RN組件包裝。像下面 ... <View> <Text>{this.props.db.greeting}</Text> </View> 和DB是一個簡單的對象。 { key: 1, greeting: 'Hello' } 我想要做的是什麼，不編輯RN碼，使用服務器端代碼將樣式應用於客戶端。我想： { key: 1, greeting:

1熱度

1回答

在React的JSX中初始化jQuery函數

早上好，夥計們。我一直在嘗試所有的週末初始化我的JSX這裏面jQuery的「粘包」功能並未能： $(".product-intro__images").stick_in_parent({ offset_top: 10 }) 我把它看作是不言而喻的JSX裏面，然後我把它在另一個Javascript文件中。我實際上檢查了控制檯，並且確實有GET調用工作，但沒有任何反應。然後我意識到，

0熱度

2回答

與圖標對齊文本的中心

我有下面的代碼組件 <div> <icon HeaderText={<p className="text-center">{translations.show}</p>} FooterText={<p>{translations.hide}</p>} color={this.concept} className="u-pv--s

-1熱度

1回答

的WebPack拋出約JSX組件錯誤

我有以下JSX組件： import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="app"> <h2>Welcome to React</h2> </div> )

0熱度

1回答

如何註銷的反應

我試圖用這個方法來註銷：在渲染我有這樣一個div： <div> <a href="#" onClick={this.logout()}>LOGOUT</a> </div> 和註銷功能： logout() { // localStorage.clear(); location.href = 'localhost:3000'; } 位於localhost：

0熱度

1回答

如何從道具上摧毀`data- *`（連字符套裝）屬性？

我試圖將我的一個組件轉換爲功能無狀態組件（FSC）。但是如果使用...rest，FSC將不會被優化，因此我需要銷燬組件道具。我把鏈接作爲 <Link to={link} data-navbar-click="close-menu">{name}</Link> 然後在鏈接我要破壞的連字符套管>數據導航欄點擊道具： function Link({ to, className, onClick,

0熱度

1回答

如何顯示布爾狀態爲活動狀態或非活動狀態

向後端發出請求時，如果用戶登錄，則顯示用戶狀態爲true，而在其他情況下顯示爲false。但我想在表中顯示有效或無效，而不是虛假的真實，就像它現在發生的事情：這是代碼： const UserRow = ({ data }) => <tbody> <tr> <td>{data.firstName} </td> <td>{data.lastName} </td>

-2熱度

1回答

PropType定義，但道具從未使用

爲什麼會出現在下面的示例代碼中的所有道具的皮棉錯誤PropType is defined but prop is never used： const propTypes = { prop1: PropTypes.string, prop2: PropTypes.string, prop3: PropTypes.number, prop4: PropTypes

3熱度

5回答

爲什麼我不能在JSX呈現的html元素中使用「this」？

我的問題是關於有條件地渲染JSX &使用this。考慮下面的代碼在我的申請作出反應： render() { return ( <li onMouseEnter={this.mouseEnter}> //things </li> ) } 我想有條件地呈現onMouseEnter屬性，使其不應用每時間的成分被調用並顯示<li>標籤