もし私が期待していることとまったく逆の言い方をするならば

Question

私はこれが本当に簡単だと確信していますが、何らかの理由で私は逆の結果を得ているのです。下のコードを使用すると、2番目のifの結果が返されます。私が！= nullに変更すると、最初のifの結果が返されます。それでも解決しない場合は、それが/どのようにthis.props.beforeが設定されているところでエラーの可能性があり

import React from "react"; 

export default class ListButtons extends React.Component{ 
    render(){ 
      const content = !!this.props.before ? (
       <li> 
         <a href="#">Previous</a> 
       </li> 
       <li> 
         <a href="#">Next</a> 
       </li> 
      ) : (
       <li> 
         <a href="#">Next</a> 
       </li> 
      ) 

      return (
        <div> 
          <ul className="pagination"> 
            {content} 
          </ul> 
        </div> 
      ) 
    } 
} 

---

：

import React from "react"; 

export default class ListButtons extends React.Component{ 

    render(){ 
     console.log(this.props.before); // null 
     if(this.props.before == null){ 
      return (
       <div> 
        <ul className="pagination"> 
         <li> 
          <a href="#">Next</a> 
         </li> 
        </ul> 
       </div> 
      ) 
     }else{ 
      return (
       <div> 
        <ul className="pagination"> 
         <li> 
          <a href="#">Previous</a> 
         </li> 
         <li> 
          <a href="#">Next</a> 
         </li> 
        </ul> 
       </div> 
      ) 
     } 

    } 
} 

Answer 1

はこれを試してみてください。