时间戳

首页 > 解决方案 > 材质 UI 文本字段中需要有条件

javascript - 材质 UI 文本字段中需要有条件

问题描述

每当我需要在我的代码中放置材料 ui 文本字段时，我都会调用一个函数。我遇到的问题是如何使用布尔参数动态添加“必需”关键字，该参数是否需要该字段。我将在 if 块中添加什么？

function Textfield(name, label, required) {
      if(required){

      }
      else{
        
      }
      return (
        <Grid item>
          <TextField 
            id={name} fullWidth label={label}
            />
        </Grid>
      );
    }

标签： javascriptreactjsmaterial-ui

解决方案

我假设你的意思是<TextField required ...vs <TextField ...？

requiredprop 是一个布尔型 prop，只是作为required属性添加是require={true}. 因此，您可以使用常规 prop 语法使其成为有条件的：

<TextField required={!!required} id={name} fullWidth label={label}/>

推荐阅读