If I do something like this:
{label: GoogleFonts[0], value: GoogleFonts[0], style: {fontFamily:GoogleFonts[0]}},
{label: GoogleFonts[1], value: GoogleFonts[1], style: {color:'red'}},
{label: GoogleFonts[2], value: GoogleFonts[2], style: {fontFamily:GoogleFonts[2]}},
{label: GoogleFonts[3], value: GoogleFonts[3], style: {fontFamily:GoogleFonts[3]}},
{label: GoogleFonts[4], value: GoogleFonts[4], style: {fontFamily:GoogleFonts[4]}}
The labels and values proceed to the options, but not the styles themselves. For my application, I want all the incoming fonts to display in the font they are supposed to be. I have marked this as an issue, because this is how you accomplish the same thing in the react-select package.
If I do something like this:
{label: GoogleFonts[0], value: GoogleFonts[0], style: {fontFamily:GoogleFonts[0]}},
{label: GoogleFonts[1], value: GoogleFonts[1], style: {color:'red'}},
{label: GoogleFonts[2], value: GoogleFonts[2], style: {fontFamily:GoogleFonts[2]}},
{label: GoogleFonts[3], value: GoogleFonts[3], style: {fontFamily:GoogleFonts[3]}},
{label: GoogleFonts[4], value: GoogleFonts[4], style: {fontFamily:GoogleFonts[4]}}
The labels and values proceed to the options, but not the styles themselves. For my application, I want all the incoming fonts to display in the font they are supposed to be. I have marked this as an issue, because this is how you accomplish the same thing in the react-select package.