Реагирует на команду Mathquill, чтобы сделать доступ только для чтения

#reactjs #static #readonly #mathquill

#reactjs #статический #только для чтения #mathquill

Вопрос:

Я создал несколько полей MathQuill, используя React для MathQuill. После ввода в FieldA и перехода к FieldB я хочу, чтобы FieldA стала доступной только для чтения после .onFocus() в FieldB.

Я использую React MathQuill в качестве ссылки. Я предполагаю, что может быть способ использовать метод .config(), чтобы сделать FieldA доступным только для чтения или преобразовать его в статический элемент MathQuill. Но я не смог понять, как это сделать. Буду признателен за любую помощь. Спасибо.

Ответ №1:

У MathQuill нет официального способа сделать MathField доступным только для чтения, но вы можете добиться этого, отключив базовую текстовую область HTML с помощью атрибута disabled .

Смотрите следующий пример: https://codesandbox.io/s/angry-wing-bk1yj

Комментарии:

1. Спасибо, @viktorstrate это идеально подходит для моих нужд!

2. Для других, у которых такой же вопрос: вы можете использовать mathquillDidMount prop из API react-mathquills. Элемент доступен через . el() метод. docs.mathquill.com/en/latest/Api_Methods/#el