我處于react的學(xué)習(xí)階段,我定義了一個(gè)帶有三元運(yùn)算符條件的,內(nèi)聯(lián)樣式的對(duì)象,但它根本無(wú)法正常工作!有人可以幫我如何實(shí)現(xiàn)這一目標(biāo)嗎import React from 'react';function Joke(props){ const styles = { fontSize: "30px", display: props.question && props.answer ? "block" : "none", display: props.punchline ? "block" : "none", color: !props.question && "#888888" } return( <div> <p className="qus" style={styles}> {props.jokes.question} </p> <p className="ans" style={styles}> {props.jokes.answer} </p> <p className="punch" style={styles}> {props.jokes.punchline} </p> </div> )}export default Joke/*--------------------------------------------------------------------*/import React from 'react';import Joke from "./Joke"function App(){ return ( <div> <Joke jokes={{ question:"who is the president", answer:"Trump"}} /> <Joke jokes={{ punchline: "hey look there is no question and answer here but there is no space been taken by those"}} /> <Joke jokes={{ question:"what is 1+1", answer:"11"}}/> </div> )}export default App在某些情況下,我正在發(fā)送帶有問(wèn)題和答案的對(duì)象,在某些情況下,我只是在發(fā)送緊急通知而不是提問(wèn)和答案,有人可以告訴我是否存在一種在對(duì)象內(nèi)部設(shè)置三元條件的方法,每當(dāng)我將props對(duì)象作為參數(shù)傳遞給Joke函數(shù)時(shí),都會(huì)被應(yīng)用
為什么在調(diào)用對(duì)象時(shí)不應(yīng)用在對(duì)象內(nèi)部定義的三元條件
梵蒂岡之花
2021-05-14 18:15:28