Блог

Главная - Вопросы по программированию - Предполагается, что мой ввод представляет собой флажок, но отображается как поле ввода текста

Предполагается, что мой ввод представляет собой флажок, но отображается как поле ввода текста

#html #reactjs

#HTML #reactjs

Вопрос:

Я пытаюсь использовать CurrencyFormat для отображения кода в свойстве value, но ввод отображается как один с типом текста, а не с флажком. что отображается

 <CurrencyFormat 
                renderText={(value) => (
                    <>
                        <p>
                            Subtotal ({basket?.length} items): <strong> {` ${value}`}</strong>
                        </p>
                        <small className="subtotal__gift">
                            <input type="checkbox"/> This order contains a gift
                        </small>
                    </>
                )}
                decimalScale={2}
                value={0}
                display={"text"}
                thousandSeparator={true}
                prefix={"$"}
   />

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

1. Используете ли вы внешнюю библиотеку? Если да, то какой? Я спрашиваю, потому renderText что реквизит, похоже, отображает только текст, а не флажки или радиоприемники

2. Я использую react-currency-format

Ответ №1:

Должно быть:

 displayType={"text"}

Нет:

 display={"text"}

Пример: https://codesandbox.io/s/inspiring-rgb-o2w94?file=/src/App.js:761-790