Блог

У меня есть этот модальный вариант с 2 текстовыми областями, но каждый раз, когда я набираю какую-то клавиатуру, она просто останавливается и выходит из текстовой области.

проблема в onChange={событие => Задание(событие.цель.значение)}> но я не знаю, что я могу сделать.

       <Modal.Body>
            <form onSubmit={Patch} className="form">
                <div className="control">
                    <div className="field">
                        <h2>What's in your mind?</h2>
                        <textarea
                            className="input1"
                            type="text"
                            value={title}
                            placeholder="enter your title"
                            onChange={event => setTitle(event.target.value)}
                        />
                    <

                    /div>
                <div className="field">
                    <textarea
                        className="input2"
                        type="text"
                        value={content}
                        placeholder="insert your content"
                        onChange={event => setContent(event.target.value)}
                    />
                </div>
                <div className="form-btn">
                    <button onClick={() => setModalshow2(false)} disabled={!title || !content} type="submit" className="btnSend">CREATE</button>
                </div>
            </div>
        </form>
    </Modal.Body>
 

Когда вы вводите что-то в текстовую область, родительский компонент также перерисовывается. Попробуйте использовать атрибут автофокусировки

 <textarea
    className="input2"
    type="text"
    value={content}
    placeholder="insert your content"
    onChange={event => setContent(event.target.value)}
    autoFocus
/>