Как мне отредактировать мой вызов метода, чтобы я мог правильно распределить действие editTitle? - PullRequest
0 голосов
/ 30 марта 2020

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

editThreadTitle(event){
        const newTitle = event.target.value;
        const updatedThread = { ...this.props, title: newTitle };
        this.props.editTitle(updatedThread);


    }

    onFormSubmit(event){
        alert("A title was submitted");
        event.preventDefault();
    }
renderList() {
        const { threads } = this.props;
        const sortedThreads = Object.keys(threads)
            .sort(function(a, b) {
                return threads[b].points - threads[a].points;
            })
            .map(function(sortedKey) {
                return threads[sortedKey];
            });

        return sortedThreads.map((thread) => {

            return (
                <div className="item" key={thread.id}>
                    <i className="large middle aligned angle up" />
                    <div className="content">
                        <div className="description">
                            <h2>{thread.title}</h2>
                            <h3>{thread.points}</h3>
                            <button
                                className="countUp"
                                onClick={() => this.props.upVote(thread)}
                            >
                                UP
                            </button>
                            <button
                                className="countDown"
                                onClick={() => this.props.downVote(thread)}
                            >
                                DOWN
                            </button>
                            <form onSubmit={this.onFormSubmit} className="ui form">
                                <div className="field">
                                    <label>Edit Title</label>
                                    <input
                                        type="text"
                                        onChange={this.editThreadTitle}
                                    />
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            );
        });


    }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...