Created
March 3, 2021 11:10
-
-
Save redradist/1d0d991da6b547b5653bd3f8f95364a4 to your computer and use it in GitHub Desktop.
Simple React Hello component written using Brython
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from browser import window, console, document | |
import javascript | |
React = window.React | |
@javascript.extends(React.Component) | |
class Hello: | |
def __init__(self, props, children): | |
javascript.super().__init__(props, children) | |
self.state = {"liked": False} | |
def render(self): | |
if self.state["liked"]: | |
return 'You liked this.' | |
return React.createElement("button", | |
{ "onClick": lambda ev: self.setState({ "liked": True }) }, | |
'Like' | |
) | |
domContainer = document['like_button_container'] | |
window.ReactDOM.render(React.createElement(Hello), domContainer) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment