Есть ли способ использовать троичный оператор для рендеринга опции, аналогичной приведенной ниже? - PullRequest
Новая
       10

Есть ли способ использовать троичный оператор для рендеринга опции, аналогичной приведенной ниже?

0 голосов
/ 11 апреля 2019

Я сопоставляю список задач и показываю карту для каждой. Внутри каждой карты я заполняю поле выбора массивом сотрудников .map. Это поле выбора используется для назначения идентификатора пользователя для объекта задачи, который находится в другой таблице. Интересно, есть ли способ добавить опцию в поле выбора, которое показывает, что задача в настоящий момент не назначена (userId = "" объекта задачи). Я написал троичный оператор ниже, но он не дает желаемого результата.

Спасибо за вашу помощь!

Обновление, сейчас я пытаюсь ... 

<label htmlFor="assignTo" className="assignToLabel">Assign To</label>
                                <select className="form-control"
                                    onChange={this.assignTo}
                                    id="assignTo" >

                                    {this.props.employees.map(employee => {
                                        if (this.props.task.userId == "") {
                                            return <option key="0" id="0" defaultValue="0" selected>
                                                Assign To:
                                            </option>
                                        } else if (employee.id === this.props.task.userId) {
                                            return <option key={employee.id} id={employee.id} defaultValue={employee.id} selected>
                                                {employee.name} {employee.surname}
                                            </option>
                                        } else {
                                            return <option key={employee.id} id={employee.id} value={employee.id} >
                                                {employee.name} {employee.surname}
                                            </option>
                                        }
                                    })}
                                </select>

Это также не работает, опция «Назначить» не возвращается. У кого-нибудь еще есть мысли по этому поводу?

Продолжая благодарность!

...