无法获得测验以正确地动态滤除问题

Question

我有关于葡萄酒的测验。有些葡萄酒具有其他类别没有的类别（配对，葡萄品种等），所以我创建了一个过滤器以浏览给定葡萄酒创建的葡萄酒信息并创建测验。问题在于它仍在产生不必要的问题。

我尝试弄乱我的三元函数。

{this.selections ? this.selections.map(answer => {
return (
answer === this.props[`${this.props.category}`] ?
<div>
   <button className="question" disabled={this.state.disabled} onClick={this.handleBtnClick}
      value="1">{answer}</button><br />
</div>
: 
<div>
   <button className="question" disabled={this.state.disabled} onClick={this.handleBtnClick}
      value="0">{answer}</button><br />
</div>
)
}) : this.props.category === "primaryFlavors" ?
<div className="AnswerButtons">
   <input
      onChange={this.props.handleInputChange}
      value={this.props.submittedFlavor}
      name="submittedFlavor"
      type="text"
      placeholder="Only submit one flavor"
      />
   <button
      className="submitAnswer" disabled={this.state.disabled}
      onClick={this.handleFlavorClick}>
   Submit
   </button>
</div>
: this.props.category === "pairings" ?
<div className="AnswerButtons">
   <input
      onChange={this.props.handleInputChange}
      value={this.props.submittedPairing}
      name="submittedPairing"
      type="text"
      placeholder="Only submit one pairing"
      />
   <button
      className="submitAnswer" disabled={this.state.disabled}
      onClick={this.handleFlavorClick}>
   Submit
   </button>
</div>
:
<div className="AnswerButtons">
<input
   onChange={this.props.handleInputChange}
   value={this.props.submittedVarietal}
   name="submittedVarietal"
   type="text"
   placeholder="Only submit one varietal"
   />
<button
   className="submitAnswer" disabled={this.state.disabled}
   onClick={this.handleFlavorClick}>


Submit

如果它们不适用于葡萄酒，我只需要排除某些问题即可。