実現したいこと

以下のようなメールアドレスをカンマ区切りで複数入力できるフォームをReact(Next.js)で実装したいです。

（右上のCan editとInviteボタンは無視していただいて構いません）

参考になるサンプルソースやライブラリについてご教示いただきたいです。
自分で調べた限りだとreact-selectの複数入力機能が近いのかなと思ったのですが、
このライブラリは入力可能な値をあらかじめアプリ側で用意しなければならなく、
ユーザーが自由にメールアドレスを入力することはできないため、
今回の要件とは合わなさそうでした。

困っているので、どなたかご教示いただければ幸いです。
よろしくお願いいたします。

hoshi-takanori

2021/07/10 11:16

検索したらこんなの出てきましたけど、ちょっと古いのが気になりますね…。 https://www.npmjs.com/package/react-multi-email

yaha4967

2021/07/10 13:53

splitでカンマを取り除けば実装できそうな気がしますけれど的はずれな回答ですかね？

tanana_m

2021/07/11 01:44

hoshi-takanori ありがとうございます！確認してみましたが、確かにちょっと古いのか気になりますね…笑ただしやりたいことはまさにこれです！ yaha4967さん実際に実装してるサンプルやライブラリがあれば参考にしたいと思っています。（０から自分で作って正しい形で実装できる自信があまり無く…）