@tostera

Почему не меняется стиль?

Почему не применяются стили к Textarea из вкладки 2, а остаются как у Textarea из вкладки 1?
5fecec3fd0a43719131660.png
5fecec502196a801078985.png
5fecec6240586292394676.png

const res = {
    first: 'текст1',
    second: "текст2"
};

const Textarea = ({ style = {}, ...props }) => {
    const input = useRef();
    return (
        <textarea style={{ height: "auto", ...style }} ref={input} rows={1} {...props} />
    );
}

<div>
    <div className={panel === 0 ? "selected" : ''} onClick={() => setPanel(0)}>0</div>
    <div className={panel === 1 ? "selected" : ''} onClick={() => setPanel(1)}>1</div>
    <div className={panel === 2 ? "selected" : ''} onClick={() => setPanel(2)}>2</div>
</div>
{panel === 0 ?
    <div>
        <Textarea style={{fontSize: '12pt'}} value={res.first} readOnly={true} />
    </div>
: panel === 1 ?
    <div></div>
: panel === 2 ?
    <div>
        <Textarea style={{fontSize: '10pt', fontSize: 'monospace'}} value={res.second} readOnly={true} />
    </div>
: null}
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
HistoryART
@HistoryART
Надзиратель
<textarea style={style} ref={input} rows={1} {...props} />
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы