【React/Javascript】① JSXで同じ名前の属性を2つ入れるか同等の処理をしたい ② =>の意味を知りたい

Question

表題について2つ質問があります。

①
現在react-nativeのreact-native-community/sliderというライブラリを使って動画プレイヤーのシークバーを実装しています。
現在のコードは大体以下の通りです(かなり端折っています)。

//..省略

export function MovieScreen({
  changeMoviePauseStatus
}: Props) {
  const videoPlayer = useRef(null);
//..省略
  return(
  <View>
    <Slider onSlidingComplete={currentTime => videoPlayer.current.seek(currentTime)}/>
  </View>
)}

ここのonSlidingCompleteの部分ですが、イメージ的には以下のようなことをしたいです。

onSlidingComplete={currentTime => videoPlayer.current.seek(currentTime)}
onSlidingComplete={currentTime => changeMoviePauseStatus(true)}

しかし、Reactは同じ属性の名前を複数つけることができません。
従ってcurrentTime => videoPlayer.current.seek(currentTime)内でchangeMoviePauseStatus(true)の処理を入れるしかないと思ってるのですが、書き方がわかりません。

あと②番目の質問になるのですが、{currentTime => videoPlayer.current.seek(currentTime)}で使われてる=>の役割がイマイチわかりません。
アロー関数であればvar/let/const 変数 = () => {}という感じだと思いますが、{}が使われてないのでアロー関数ではないと思っています。
{currentTime => videoPlayer.current.seek(currentTime)}の=>は何者なのでしょうか？

質問が多くてすいません。
ご教示いただけると幸いです。
よろしくお願いいたします。

Answer 1

従ってcurrentTime => videoPlayer.current.seek(currentTime)内でchangeMoviePauseStatus(true)の処理を入れるしかないと思ってるのですが、書き方がわかりません。

両方の処理を行う関数を作って、それをonSlidingCompleteに登録すればいいだけです。

アロー関数であればvar/let/const 変数 = () => {}という感じだと思いますが

いえ、引数 => 返り値という形式のアロー関数も存在します。

Comments

[Hinoarashi.]

回答ありがとうございます！

>両方の処理を行う関数を作って、それをonSlidingCompleteに登録すればいいだけです。
上記を↓みたいな感じでやってみたのですが、ダメでした。。
---------
function seeking() {
currentTime => videoPlayer.current.seek(currentTime)
}

function unpausing() {
currentTime => changeMoviePauseStatus(false);
}

function onSlidingCompleteWrapper() {
seeking();
unpausing();
}

onSlidingComplete={onSlidingCompleteWrapper()}
---------
currentTime => videoPlayer.current.seek(currentTime)内で処理する方法はあったりしないでしょうか。。

>いえ、引数 => 返り値という形式のアロー関数も存在します。

なるほど、勉強になりました！

[maisumakun]

currentTimeはイベントから渡ってくるので、それを引き回す必要があります。

function unified(currentTime ){
videoPlayer.current.seek(currentTime)
changeMoviePauseStatus(false)
}

onSlidingComplete={unified}

[Hinoarashi.]

できました！！
本当に助かりました、ありがとうございます。
書き方も理解できました、今後の参考にいたします！