javascript - api 请求数据的动态过滤 - Javascript React。什么是最好的方法？

Question

新手问题在这里。从 API (Django) 获取数据，在前端 (React) 上，用户选择他想要显示的内容。我正在努力将所选数据传递给过滤器/映射 - 如果我将它作为变量传递，那么它只是按字面意思显示

somecode ................（获取的数据）

let compare = this.state.to /*（这是用户选择通过表单显示的内容）

让输出 = item.${ comparison }; /* 这会将其转换为我想传递给映射函数的文本）*/

{items.filter(item => this.state.from === item.country) .map(item => (

• {项目.国家}
• {item.country2}
• {输出}

))}

*/ 这里我想先根据用户选择（this.state.from）过滤数据，然后显示用户选择的数据（输出）。输出按字面显示字符串，但我希望它实际映射与选择对应的数据。

所以它会显示

• 数据
• 数据
• item.(userchoice) (来自 {output})

对不起，如果它是混乱或明显的...... :(

标签： javascriptreactjs