kenchandayo

<p data-line="0" class="code-line">参考にする実装<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__07f943453f42c" src="https://embed.zenn.studio/card#zenn-embedded__07f943453f42c" data-content="https%3A%2F%2Fmui.com%2Fmaterial-ui%2Freact-autocomplete%2F%23multiple-values" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://mui.com/material-ui/react-autocomplete/#multiple-values" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://mui.com/material-ui/react-autocomplete/#multiple-values</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8057868340eac" src="https://embed.zenn.studio/card#zenn-embedded__8057868340eac" data-content="https%3A%2F%2Fmantine.dev%2Fcore%2Fcombobox%2F%23split-events-and-dropdown-targets" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://mantine.dev/core/combobox/#split-events-and-dropdown-targets" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://mantine.dev/core/combobox/#split-events-and-dropdown-targets</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d3c32ea8db513" src="https://embed.zenn.studio/card#zenn-embedded__d3c32ea8db513" data-content="https%3A%2F%2Fyamada-ui.com%2Fja%2Fcomponents%2Fforms%2Fmulti-autocomplete" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://yamada-ui.com/ja/components/forms/multi-autocomplete" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://yamada-ui.com/ja/components/forms/multi-autocomplete</a></p>


<p data-line="0" class="code-line">入力した値の表示どうやるか</p>


<p data-line="0" class="code-line">入力された値をchildrenみたいな形でmapして表示する？</p>


<p data-line="0" class="code-line">stateでもって↑のやり方で表示で大まか間違っていなさそうだった</p>


<p data-line="0" class="code-line">カーソルの位置調整</p>


<p data-line="0" class="code-line">これはinputの要素をflex: 1; とかで伸縮させて要素を伸び縮みさせる感じでやってる</p>


<p data-line="0" class="code-line">flex-wrap: wrap; でいい感じに改行できる</p>
