Блог

У меня есть это:

  <select
        onInput={(e) => onTyping(e.target.name, e.target.value)}
        name="site"
        id="site"
        onChange={handleInputChange}
        >
            <option value={myData.site}>{myData.site}</option>
            <option value="MAR">MARKHAM</option>
            <option value="OTT">OTTAWA</option>
        </select>
 

и в основном то, что он делает, — это просто отображение параметров для местоположений, плюс то, которое уже выбрано. и что мне нужно, так это чтобы myData.site == mar затем отобразить Оттаву и Маркхэм в качестве выбранного варианта, и наоборот для Оттавы. Я попытался сделать сценарий внутри react return , но ему это не нравится. как я могу это сделать?

Вы можете условно отобразить элемент с помощью троичных или логических операторов внутри фигурных скобок

 <option value={myData.site}>{myData.site}</option>
{myData.site == 'mar' amp;amp; <option value="MAR">MARKHAM</option>}
{myData.site == 'ott' amp;amp; <option value="OTT">OTTAWA</option>}