Javascript 通过箭头函数方法参数传递组件的值

Javascript 通过箭头函数方法参数传递组件的值,javascript,reactjs,Javascript,Reactjs,我有一个使用react+typescript的项目,我有一个简单的问题,我知道有多种形式可以通过arrow函数参数传递组件的值,但是,我只是搜索了很多,我找不到如何做到这一点: <Button value={'1'} onClick={(e => SomeFunction(e.target))}>some text</Button> 我只想传递给函数,属性值的值,等于'1',你们能帮我吗?这样做,而是将值作为参数传递给函数 <Button onClick={

我有一个使用react+typescript的项目,我有一个简单的问题,我知道有多种形式可以通过arrow函数参数传递组件的值,但是,我只是搜索了很多,我找不到如何做到这一点:

<Button value={'1'} onClick={(e => SomeFunction(e.target))}>some text</Button>

我只想传递给函数,属性值的值,等于'1',你们能帮我吗?

这样做,而是将值作为参数传递给函数

<Button onClick={SomeFunction(1)}>some text</Button>

而是将值作为参数传递到函数中

<Button onClick={SomeFunction(1)}>some text</Button>
你可以说:

首先取出按钮的value属性,并将其传递给onClick函数“SomeFunction('1')”

SomeFunction('1')}>sometext
常量SomeFunction=(值)=>{
console.log(值)
}
你可以说:

首先取出按钮的value属性,并将其传递给onClick函数“SomeFunction('1')”

SomeFunction('1')}>sometext
常量SomeFunction=(值)=>{
console.log(值)
}

该函数中没有代码。。。这没用!嗯,也许它会出错。是的!谢谢@ggorlen。我使用的是e.target.value,但是,使用它来做什么,没有按钮的值。我只是在问题中做了一些更改,但是,关键是在问题中,我只想在我的函数中接收值,以便将来可以使用。该函数中没有代码。。。这没用!嗯,也许它会出错。是的!谢谢@ggorlen。我使用的是e.target.value,但是,使用它来做什么,没有按钮的值。我只是在问题中做了一些更改,但是,关键是在问题中,我只想在我的函数中接收值,以便将来可以使用。是的,o只是在我的代码中做了更改,但是,我想知道什么时候我必须把一个组件的动态值传递给我的函数,我是怎么做的?对于一个像我这样把值作为参数传递给函数的动态值,它仍然work@AndreiBaptista我刚刚更新了答案,使用了一个动态值是的,o刚刚对我的代码做了更改,但是,我想知道什么时候我必须把一个组件的动态值传递给我的函数,我是怎么做的?对于一个像我这样把值作为参数传递给函数的动态值,它仍然work@AndreiBaptista我刚刚更新了答案,使用了动态值是的,但是,当我必须将组件的动态值传递给函数时,我非常担心。如果它是一个项目数组,您可以使用map方法将每个项目动态传递给buttonYes,但是,当我必须将组件的动态值传递给函数时,我非常担心。如果它是一个项目数组,您可以使用map方法将每个项目动态地传递给按钮
['name'].map(val => (
  <Button onClick={SomeFunction(val)}>some text</Button>
))
Const SomeFunction = value => event => {
   console.log(value) // 1
}

<Button onClick={(e => SomeFunction('1'))}>some text</Button>
const SomeFunction = (value) => {
    console.log(value)
}