Material-UI formControlLabel вся метка кликабельна, только текст должен быть

Question

Я новичок в material UI. здесь у меня следующее другое пустое место не должно быть нажато. Здесь я дал

max-width for that label to be 272px.

Как мне это добавить?

Спасибо.

Answer 1

Вы можете запретить родительским элементам события щелчка, а также позволить дочернему элементу сделать это.

Используйте pointer-events , чтобы отключить событие щелчка.

pointer-events: none;

<FormControlLabel
  style={{ pointerEvents: "none" }}
  control={
    <Checkbox
      onClick={handleClick}
      style={{ pointerEvents: "auto" }}
      color="default"
    />
  }
  label={"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"}
/>