「反応」ボタンの機能開発&反応状態の変更方法

4553 ワード

テキストリンク

黄色の警告はエラーではありません

黄色の警告-eslintエラーの符号化習慣をチェックするなど
はい、変数を作ったので、役に立たない!
見たくなければ一番上です.

/*eslint-disable*/

=>とコツ

      <div className="list">
        <h3>{ 글제목[0] }<span onClick={ ()=>{} }>👕</span> 0 </h3>
        <p>2월 17일 발행</p>
        <hr />
      </div>

onClick={クリック時に実行される関数}
onClick={()=>{実行する内容}
=>例は「1+1」と表示され、{1+1}
これじゃだめだ.
=>()=>{実行内容}es 6の矢印関数
では、このボタンを押すとh 3の中の0に影響します.

let [따봉, 따봉변경] = useState(0)

<h3>{ 글제목[0] }<span onClick={ ()=>{ 따봉변경('rse')} }>👕</span> {따봉} </h3>

=>大棒で関数を変更すればよい.
=>そうすると、「rse」は直接「dabong」変数を変更します.

<h3>{ 글제목[0] }<span onClick={ ()=>{ 따봉변경(따봉+1)} }>👕</span> {따봉} </h3>

=>そうすると、大棒変数は+1になります.
=>再レンダリングするにはstateをこのように変更する必要があります.

文章のテーマを直してください.
もちろん簡単です

<button onClick={ ()=>{ 글제목[0] = '여자 코트 추천'; console.log(글제목[0]) } }>버튼</button>

=>と思っていたのですが、ダメでした…
=>consoleはうまく変換できます
=>次の文章のタイトルはダメです
=>このように変えた理由は
=>文章タイトルのすべてを変更する必要があります.
=>は[]リスト形式で追加されているため、[]形式全体を変更する必要があります.
いいえ.

<button onClick={ ()=>{ 글제목변경(글제목[0] = '여자코트') } }>버튼</button>      <div className="list">

=>このような問題が発生しました
=>形式を正しく受け入れられないようです…

この問題について(「反応」ボタンの機能開発&反応状態の変更方法), 我々は、より多くの情報をここで見つけました https://velog.io/@2taesung/React

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol