кнопка для связи и отправки формы в ответ. js. Я пробовал href, link, to, onClick, history.pu sh, и я ищу другую идею - PullRequest
Новая
       78

кнопка для связи и отправки формы в ответ. js. Я пробовал href, link, to, onClick, history.pu sh, и я ищу другую идею

0 голосов
/ 02 мая 2020

Я попытался добавить ссылку, чтобы, href, a href, onClick, чтобы добавить ссылку на кнопку. Это интерфейсная часть проекта по индексированию книг. Я также попробовал history.pu sh, я кнопка находится в форме для отправки. Я хочу, чтобы кнопка затем переместилась на целевую страницу со словами «книга добавлена». Если я добавлю ссылку на кнопку, она будет ссылаться на страницу, а отправка не будет загружена. Я могу заставить одного работать или другого, но не обоих. У меня есть код для отправки. это в реакции. js компонент класса 

 render() {
        return (
            <div style={{padding:"10px"}}>
                <h1 style={{textAlign:"center"}}>Add a Book Below</h1> 
                {console.log("state", this.state)}

                <form onSubmit = {this.handleSubmit}>
                    <div className="add-title" style={{textAlign:"center", paddingBottom:"10px"}}>
                        <label>Title:</label>
                            <input
                                type="text"
                                name = "title"
                                value={this.state.title}
                                onChange={this.handleChange}
                                />
                    </div>

                    <div className="add-author" style={{textAlign:"center", paddingBottom:"10px"}}>
                        <label>Author:</label>
                        <input
                            type="text"
                            name = "author"
                            value={this.state.author}
                            onChange={this.handleChange}
                            />
                    </div>

                    <div className="submit" style={{textAlign:"center", paddingBottom:'100px'}}>

                       <button

                        type="submit" 
                        value="submit"

                        >Submit</button>
...