import { For } from "solid-js"

type PropsType = {
  something: string;
}

const SomeComponent = (props: PropsType) => {
  const [items, setItems] = createSignal(["One", "Two", "Three"]);

  const handleInput = (item: string, value: string) => {
    print(props.something, item, value);
  }

  return (
    <div>
      <For each={items()}>
        {(item) => (
          <input onClick={(event) => handleInput(item, event.currentTarget.value)} />
        )}
      </For>
    </div>
  );
}

import { For } from "solid-js"

type PropsType = {
  something: string;
}

const SomeComponent = (props: PropsType) => {
  const [items, setItems] = createSignal(["One", "Two", "Three"]);

  const handleInput = (item: string, value: string) => {
    print(props.something, item, value);
  }

  return (
    <div>
      <For each={items()}>
        {(item) => (
          <input onClick={(event) => handleInput(item, event.currentTarget.value)} />
        )}
      </For>
    </div>
  );
}