reactjs - 过滤地图内的数据并仅在设置为“true”时返回内容

Question

仅当数组项设置为“true”时，如何过滤我的数据数组并通过地图显示。

如果值仅设置为 TRUE，我想显示内容。咨询__可用性：真

 {filteredConsult &&
            filteredConsult.map((value, i) => {
                const {
                    consult__date: date,
                    consult__time: time,
                    consult__availlability: is_available,
                } = value;
                return (
                    <section key={i}>
                        <div
                            className="consult__results"
                            style={{ marginTop: '2rem' }}>
                            <label>
                                {is_available && (
                                    <div>
                                        <input
                                            type="radio"
                                            id="appointment"
                                            name="appointment"
                                            required="required"
                                            value={value.consultation_date}
                                            onChange={props.handleChange}
                                            disabled={props.disabled}
                                        />
                                        {date}
                                        {time}
                                    </div>
                                )}
                            </label>
                            {/* {console.log(props.dateSelect)} */}

                            <hr />
                        </div>
                    </section>
                );
            })}

标签： reactjs

Answer 1

你可以尝试这样的事情：

return ( consult__availlability ? <section>...<section> : null )