reactjs 在React中禁用输入时更改标签颜色(typescript)

pu3pd22g  于 2023-03-22  发布在  React
关注(0)|答案(2)|浏览(150)

我想在使用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 ),如果有人有答案,我将不胜感激!

5kgi1eie

5kgi1eie1#

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

<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,并提供给您的代码
x一个一个一个一个x一个一个二个x

bksxznpy

bksxznpy2#

设置相同的条件,您正在使用为禁用在标签标记的颜色

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

相关问题