Tuya Developer Forum

Code: Select all

import React from 'react';
import { Switch, Text, View } from '@ray-js/ray';
import { TopBar } from '@/components';
import styles from './index.module.less';
import { useActions, useProps } from '@ray-js/panel-sdk';

export function Home() {
  const actions = useActions();
  const LC15_light = useProps(props => props.LC15_light);

  return (
    <View className={styles.view}>
      <TopBar />
      <Switch
        onChange={e => {
          if (e.value) {
            actions.LC15_light.set(1);
            return;
          }
          actions.LC15_light.set(0);
        }}
      >
        <Text>Light: {LC15_light}</Text>
      </Switch>
    </View>
  );
}

export default Home;