S
SolidJS•3w ago
ile

Beginner question about signals

I have this code: 
const signal = createSignal('');

function ShowData(props: any) {
  const data = props.data;

  return data[0]() && <p>...{data[0]()}</p>;
}

export default function Home() {
  return (
    <main class="text-center mx-auto text-gray-700 p-4">
      <ShowData data={signal} />
      <button onclick={() => signal[1](Date.now() + '...')}>Set</button>
    </main>
  );
}
const signal = createSignal('');

function ShowData(props: any) {
  const data = props.data;

  return data[0]() && <p>...{data[0]()}</p>;
}

export default function Home() {
  return (
    <main class="text-center mx-auto text-gray-700 p-4">
      <ShowData data={signal} />
      <button onclick={() => signal[1](Date.now() + '...')}>Set</button>
    </main>
  );
}
How could I make the data in ShowData reactive, i.e. when I click the button, I would see the data?
3 Replies
REEEEE
REEEEE•3w ago
wrap the return in a fragment
ile
ile•3w ago
That was quick. Thanks 😄
REEEEE
REEEEE•3w ago
np
Want results from more Discord servers?
Add your server
More Posts
DOMException *sometimes* after changing element orderI have a solid-js website that populates an html table with data, using a `<For />` to render, with Layout rendering breakingThis is my folder structure while using `<FileRoutes/>` in SolidStart. Now, a lot of times when I mBest way to pass complex values (e.g. objects) to a route?Given a route that needs somewhat complex data, like an object, what's the best way to pass this datDeepTrack for a `Component[]` (Deeptrack for functions)Hi! Is this possible? Let's say I have: ```ts const L1 = () => {}; const L21 = () => {}; const L22 How to make full static generationHello, I'm trying to build a blog site using a JamStack like architecture. I want to deploy it to ClReactivity in storeI think I may be missing the point of stores or just how to use them because I simply can't get it tRedirect in production:I have this simple action: ```jsx export const login = action(async (email: string, password: strinrouting based on subdomainHi, I want to show a specific component when there is any subdomain *.example.com and in that compo