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

Question

[tostera]

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

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}

Comments

[Михаил]

key
я полагаю

[Vladimir Lewandowski]

А вы уверены, что fontSize: 'monospace' будет работать?

[tostera]

Vladimir Lewandowski, Наитупейшая опечатка... Спасибо большое!

Answer 1

[historydev]

<textarea style={style} ref={input} rows={1} {...props} />