How does formatter works

[jacky-ew]

Im using class component for the project

somehow the following code works fine

formatter: reactFormatter(
            <div>
              <Text>test</Text>
            </div>
          )

but when i do it this way, nothing was rendered

formatter: reactFormatter(props => {
            return (
              <div>
                <Text>test</Text>
              </div>
            );
          })

based on the demo, the code was written in function component style, but i dont want to do that way cause i might to access to the states as well during rendering.

any clarifications on this problem