「反応」反応ボタン機能の開発

「いいね」ボタンをクリックすると、ui、機能が追加され、カウントが1増加します.

function App() {
  let [글제목, 글제목변경] = useState( ['남자 코트 추천 ', '2', '3'] );
  let [따봉, 따봉변경] = useState( 0 )
  let posts = '강남 고기 맛집';
  
  function 제목변경() {
    var newArray =[...글제목] ;
    newArray[0] = "맛집추천"
    글제목변경(newArray)
  }
  
  return (
    <div className="App">
      <div className="black-nav">
        <div style={{ fontSize: '16px' }}> 개발 Blog </div>
      </div>
      <div className="list">
        <h3> {글제목[0]} <span onClick={() => { 따봉변경( 따봉 + 1 ) }}> ❤️ </span> {따봉} </h3>
        <p>2월 17일 발행 </p>
        <span onClick={제목변경}>변경버튼</span>
        <hr />
      </div>
      <div className="list">
        <h3>{글제목[1]}</h3>
        <p>2월 17일 발행 </p>
        <hr />
      </div>
      <div className="list">
        <h3>{글제목[2]}</h3>
        <p>2월 17일 발행 </p>
        <hr />
      </div>
      
      <div className="modal">
        <h2>제목</h2>
        <p>날짜</p>
        <p>상세내용</p>
      </div>
      
    </div>
  );
}

機能が追加され、onClickごとに1が追加されます.
「変更」ボタンをクリックすると、「タイトルの変更」という関数が実行され、タイトル入力値の「おすすめグルメ」に変更しようとします.
stateは直接変更できません.
コピー方法のポイントはes 6構文deepcopyで修正する必要があります.

deepCopy

これは、値共有が発生しない場合に新しいレプリカを生成する方法です.

    var newArray =[...글제목] 

不変のインフラストラクチャ

反応器のstate中のすべてのデータは不変データの原則に従うべきである.
不変のインフラストラクチャ(immutable infrastructure)は、サーバの導入以来変更されていないインフラストラクチャモデルです.一部のコンテンツを更新、変更、または変更する必要がある場合は、既存のサーバの代わりに共通イメージを適切に変更する新しいサーバを構成(提供1)します.新しいサーバは検証が完了するとサービスを開始し、既存のサーバは使用されなくなります.