When using create-class, how can I access this from my custom functions on the class? this-as is giving me window, but the create-react-class docs say that the function should be bound with the correct this automatically.

Ah, a workaround, create the function in :get-initial-state.

I think there’s either a reagent.core/this or reagent.core/component function that you might use?

not sure atm

there's a current-component function, but it didn't work in that context. I don't know the impl, I'm guessing it looks for a bound this?

hm strange

it looks like it does place the methods on the prototype of the class

it might be the way you’re calling them

if you’re tearing them off the object and passing them in (e.g. as event handlers):

:doThing (fn []  (this-as this
           (js/console.log this)))
:render (fn [this]
  [:button {:on-click (.-doThing this)} “Click”])

then it will lose the this context when you pass in the method as the value

Now, I am thinking of how I import an icon in cljs and reagent code.

import LockOutlinedIcon from '@material-ui/icons/LockOutlined';

<Avatar className={classes.avatar}>
          <LockOutlinedIcon />
        </Avatar>

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
  '@global': {
    body: {
      backgroundColor: theme.palette.common.white,
    }
.....

The original code shows like above and my code does as follows: