在Typescript中禁用输入时更改标签颜色

olhwl3o2 于 2022-11-18 发布在 TypeScript

关注(0)|答案(2)|浏览(142)

当使用Typescript或CSS禁用输入时，我希望更改界面中的标签颜色
下面是我的界面：
my interface
下面是我的代码：

<tr>
      <td className="name">Critère d'agrégation</td>
      <td className="value column-2">
        {aggregationDomain.map(codedValue => 
             <label >
             <input type="radio" name="AggregationSelection" 
             value={codedValue.code} checked={props.reportConfig.aggregation === 
             codedValue.code} onChange={updateAggregation} disabled= 
             {!config?.aggregationEnabled.includes(codedValue.code)} 
             />

                 {codedValue.name}
             </label>
        )}
     </td>
 </tr>

我正在与React（ typescript ），如果有人有答案，我将不胜感激！thnks

typescript

来源：https://stackoverflow.com/questions/74463479/change-label-color-when-input-is-disabled-in-typescript

2条答案

按热度按时间

3zwtqj6y1#

设置与在标签标记中禁用颜色时使用的条件相同的条件

<label color={!config?.aggregationEnabled.includes(codedValue.code) ? 'red': 'black'}

赞(0）回复(0）举报 2022-11-18

iszxjhcz2#

您应该对代码重新排序，以便从标签中获取输入

<tr>
  <td className="name">Critère d'agrégation</td>
  <td className="value column-2">
    {aggregationDomain.map(codedValue => 
       <>
         
         <input type="radio" name="AggregationSelection" 
         value={codedValue.code} checked={props.reportConfig.aggregation === 
         codedValue.code} onChange={updateAggregation} disabled= 
         {!config?.aggregationEnabled.includes(codedValue.code)} 
         />

         <label >{codedValue.name}</label>
       </>
    )}
 </td>

这里有一个例子，它并不是要做出React的特定内容，只是复制css并将其提供给代码
第一次

赞(0）回复(0）举报 2022-11-18

我来回答

在Typescript中禁用输入时更改标签颜色

2条答案

相关问题

热门标签

最新问答