如何在React js中選擇輸入的值中傳遞html標簽？

Question

我試圖在選擇標簽的輸入字段中映射值，但由於某種原因它給了我[Object object] 。 當我沒有在 map 語句的返回中傳遞另一個標簽時，輸出正常。 但我想在 select value 屬性中還有其他一些使用 html 標簽的方法。 使用的反應鈎子是：

                const [categories, setCategories] = React.useState([])

返回語句是：

                <label className="filter-label" for="country" multiple>Filter By Category</label>
                            <select id="country" name="country" className="search-input" 
                            onChange={e => setCategories([...categories, e.target.value])} 
                            value={categories.map(category => <ChipList key={category} 
                            data= {category} />)}
                            >
                                <option>{categories.length < 1 ? 
                                "Select category" : 
                                categories.map(category => <ChipList key={category} data={category} 
                                />)}</option>
                                <option value="australia1">Select category1</option>
                                <option value="australia2">Select category2</option>
                                <option value="australia3">Select category3</option>
                            </select>

簡而言之，如何在不獲取 [Object object] 的情況下在 select 輸入的 value 屬性中編寫類似value={<p>Hello</p>}的內容

Answer 1

你想在 UI 里面選擇它應該顯示為

<p>Hello</p>

還是只是Hello ？