@ryu110posted at 2021-10-19

reactで関数を変数に渡したい

Q&A

alertがでてこない。。。。onclickのところで変数に渡して関数を起動させたいと思っています。
書き方間違えていますでしょうか？

import Button from 'Button/Button'
// import react from 'react'

const addOnClick = () => {
  alert('ddd')
}
const TodoList = () => {

  return (
    <div>
      <Button onClick={addOnClick}>Todo追加！！</Button>
    </div>
  )
}

export default TodoList

2Answer

@github0013@github posted at 2021-10-19

import Button from 'Button/Button'

このコンポーネントは自作ですか？ onClickというpropがないとか？

0Like

Comments

@ryu110
Questioner
自作です。
下記のように作成しています。

@ryu110 posted at 2021-10-20

import { FC } from 'react'

type ButtonProps = {
  children: React.ReactNode
  onClick?: () => void
}

const Button: FC<ButtonProps> = ({ children }) => {
  return (
    <div>
      <button>{children}</button>
    </div>
  )
}

export default Button

0Like

Comments

@ryu110
Questioner
あ、わかりました。わたしてないですね
@ryu110
Questioner
<button onClick={onClick}>ですね

Are you sure you want to delete the question?

reactで関数を変数に渡したい

2Answer

Comments

Comments

Your answer might help someone💌