Самый простой способ отрегулировать цвет фона реагировать на тост

Question

Я попробовал это так, но ничего не происходит:

const myToast = () => (
  <div style={{backgroundColor: myColors.green}}>
    ...some text content...
  </div>
)

Затем в App.js

class App extends Component {
  showMyToast = () => {
          toast(<MyToast />, {
            closeOnClick: false,
            toastId: 'my_toast',
            autoClose: true,
            closeButton: false,
            position: toast.POSITION.BOTTOM_CENTER,
            className: 'toast'
          })          
  }
}

Я вижу белый тост с моим текстом наэто.

Answer 1

Вы можете использовать Glamour для простой настройки простых вещей, таких как цвет фона тоста.
В этом примере отображает простой тост с зеленым фоном, используя гламур.

toast("Hello!", {
    className: css({
        background: "#00FF00 !important"
    })
});

Если требования более сложные, вы можете реализовать свои собственные стили в глобальном масштабе согласно этому примеру .