Code Monkey home page Code Monkey logo

04-event-dan-state's Introduction

Pemrograman Berbasis Framework 2024
NIM 2141720266
Nama Alfan Marcel Mulyawan
Kelas TI-3A

Jawaban Soal Praktikum 2

Fungsi Tombol_2 memiliki 2 parameter yaitu isiPesan dan namaTombol, pada bagian page.tsx pemanggilan Tombol_2 diikuti dengan isi untuk kedua parameter, yaitu "Ini Pesanku" untuk parameter isiPesan dan nama tombol "Pesan" untuk parameter namaTombol

Jawaban Soal Praktikum 4

  1. Jika kita menekan tombol "Artikel Selanjutnya" sebanyak 5x (atau melebihi halaman total artikel), apa yang akan terjadi?
  • maka akan terjadi error karena artikel yang ada hanya sebanyak 5 dan jika diklik lagi maka index akan melebihi jumlah banyak dari artikel
  1. Modifikasilah gallery.tsx agar bisa meng-handle permasalahan tersebut.

    function handleClick() {
        setIndex(index + 1);
        if ((index + 1)== sculptureList.length){
            setIndex(index);
        }
    }
    

    dengan menambahkan if dalam fungsi maka jika jumlah index+1 = panjang artikel, maka setIndex akan tetap sehingga tidak akan bertambah dan tidak terjadi error karena melebihi panjang artikel

  2. Tambahkan tombol "Artikel Sebelumnya", untuk menampilkan artikel secara mundur.

     function downClick() {
             setIndex(index - 1);
             if ((index) == 0){
                 setIndex(index);
             }
         }
    

    menambahkan fungsi down click untuk tombol artikel sebelumnya dimana jika index = 0/ poisi di halaman pertama maka setIndex akan tetap sehingga nilai index tidak minus, kurang dari jumlah artikel, dan tidak error jika diklik artikel sebelumnya pada halaman pertama round

Jawaban Soal Praktikum 5

  1. Apa perbedaan dari fungsi Form_2 yang pertama dengan yang kedua?
  • Tidak ada perubahan dari fungsi yang pertama
  1. Kenapa perlu menghapus state fullName? Apa keuntungannya?
  • Untuk menghindari redundan dan bug pada aplikasi react

Jawaban Soal Praktikum 6

  1. Apa tujuan dari penulisan ini key={to.email} pada < Chat key={to.email} contact={to} / > ?
  • Tujuan dari penulisan key={to.email} pada adalah untuk memberikan React cara yang lebih efisien untuk mengidentifikasi setiap komponen dalam daftar yang diberikan.
  1. Apa fungsi dari props key tersebut?
  • Props key digunakan oleh React untuk membantu dalam proses reconcilation saat merender daftar komponen. Ketika React merender daftar komponen, setiap komponen yang ada dalam daftar tersebut harus memiliki kunci unik yang berbeda.

04-event-dan-state's People

Contributors

alfanmarcel avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.