เปลี่ยนวัสดุส่วนติดต่อผู้ใช้ขอ Stepper ภาพไอคอนสำหรับเกิดข้อผิดพลาดขั้น

0

คำถาม

ข้อความด่วนทันใจโดยใช้วัสดุส่วนติดต่อผู้ใช้ขอ Stepper ส่วนประกอบจะจัดการพานตามสเป็คฉันทุกอย่าเหมือนอย่างนั้น นี่เป็น pic จากพวกเขา docs.

enter image description here

ตอนที่ฉันอยากจะแนะนำให้รู้จักข้อผิดพลาดเกิดขึ้นระหว่างรัฐต้องตามสเป็คฉันทุกอย่างฉันพบว่ามีอุปกรณ์ประกอบที่เรียกว่าข้อผิดพลาดสำหรับ StepLabel ว่าฉันสามารถประกาศ. ง่ายๆก็คือมันจะอนุญาตให้คุณเปลี่ยนรูปแบบเช่นสีพื้นหลังเป็นต้น

อย่างไรก็ตามตอนที่ผมจะตั้งข้อผิดพลาดอุปกรณ์ประกอบกันเรื่องจริงมันเป็นไอคอนใหม่นั้นมาเกี่ยวกับ. ฉันไม่ต้องการให้ทำการไอคอน,แต่แค่อยากจะเปลี่ยนเติมสีจากสีน้ำเงินแดง enter image description here

มีทางไหนไหมที่ฉันสามารถ forgo นั่นไอคอนและแค่ต้องห่วงเรื่องเติมสีของ stepper นไปแทนงั้นเหรอ?

นี่คือรหัส:

<Stepper alternativeLabel activeStep={this.determineFormStep()} connector={<StepConnector />} className={classes.stepper}>
          {formLabels.map((label, index) => {
            return (
              <Step key={label}>
                <StepLabel
                  icon={label.step}
                  error={true}
                  StepIconProps={{
                    classes: {
                      root: classes.step,
                      completed: classes.completed,
                      active: classes.active,
                      error: classes.error,
                      disabled: classes.disabled
                    }
                  }}>
                    <span className={classes.sublabel}>
                      {label.sublabel3}
                    </span>
                  </div>
                </StepLabel>
              </Step>);
          })}
        </Stepper>
css font-awesome javascript material-ui
2021-11-24 02:06:05
1

คำตอบที่ดีที่สุด

1

วางเงื่อนไขไอคอนบพวกอุปกรณ์ประกอบอยู่ StepLabel.

icon={error ? <Error /> : label.step} เหมือนที่พูดถึงด้านล่างนี้

2021-11-24 12:02:06

ขอบคุณสำหรับความคิดเห็น! ฉันขอถามคือว่า<เกิดข้อผิดพลาด/>ป้ายกำกับเป็นส่วนหนึ่งของวัสดุส่วนติดต่อผู้? หรือบางอย่างอื่นอีกมั้ย?
Kenny Quach

@KennyQuach <Error /> คือเนื้อส่วนติดต่อผู้ใช้ส่วนประกอบภาพไอคอน. คุณสามารถนำเข้าจากไอคอนนี้ @material-ui/icons สำหรับ mui v4 แล้ว @mui/icons-material สำหรับ mui v5.
Amir Achhodi

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่