javascript - react JSX: chọn "selected" trên selected lựa chọn

In lại Tác giả: IT Lão Cao Thời gian cập nhật: 28-10-2023 13:11:22 25 4

kết xuất: hàm() {
  tùy chọn var = [],
      optionState = this.props.optionState;

  this.props.options.forEach(hàm(tùy chọn) {
    var selected = (optionState === option.value) ? ' selected' : '';

    tùy chọn.push(
      {tùy chọn.nhãn}
    );
  });

// truyền {options} vào menu select jsx

var selected = (optionState === option.value) ? 'selected' : 'false';

{tùy chọn.nhãn}

var selected = (optionState === option.value) ? true : false;

{tùy chọn.nhãn}

  Táo
  Chuối
  Quả nam việt quất

{tùy chọn.nhãn}

25 4 0

• Reacjs - Không thể sử dụng JSX trừ khi cờ 'Reac-jsx' được cung cấp khi '--jsx' là 'jsx'

  ném bản thảo: Không thể sử dụng JSX trừ khi cờ '--jsx' được cung cấp.ts(17004) sau khi thay đổi tsconfig.json jsx thành re

• JSX trong JSX Javascript trong JSX

  Tôi đang cố gắng sử dụng một biểu thức JSX như một phần nội dung được tạo của một biểu thức JSX khác: render() { return ( {[...Array(5).keys()].

• Quy tắc trích dẫn jsx của Eslint không hoạt động

  Quy tắc trích dẫn jsx của eslint không hoạt động trong Visual Studio Code. Cấu hình: .eslintrc.json: { "plugins": ["jsx"], "parse

• JSX: Sự khác biệt giữa hai bộ JSX

  Nếu tôi khai báo var A = new Set(........); var B = new Set(...........); thì có thao tác JSX nào để tính hai bộ A - Sự khác biệt của B? câu trả lời hay nhất

• javascript - Tham gia JSX và JSX

  Câu hỏi này đã có câu trả lời ở đây: Làm cách nào để hiển thị các thành phần phản ứng bằng cách sử dụng bản đồ và tham gia? (18 câu trả lời) Đã đóng 5 năm trước. Tôi đã ở trong một tình huống mà tôi có

• Thực thi tập lệnh Adobe InDesign .jsx Tập lệnh .jsx

  Làm cách nào để tập lệnh .jsx của tôi hoàn tất việc thực thi tập lệnh .jsx khác? Có lẽ điều này sẽ giúp hiểu những gì tôi đang cố gắng làm: // hàm tệp WebCard.jsx mySnippet(){ //

• Reacjs - Ghi đè các thuộc tính JSX bằng các thuộc tính lan truyền JSX

  JSX không cho phép bạn chỉ định một thuộc tính nhiều lần. F.ex. /* /* trong đó obj chứa thuộc tính có tên "prop1" */ Thứ tự của các thuộc tính

• java — JSX phá vỡ... Sử dụng bản đồ để tạo các phần tử JSX có điều kiện trong khi lặp qua mảng

  Tôi gặp sự cố khi cố gắng xây dựng một thành phần tùy chỉnh bằng cách sử dụng mảng vòng lặp hiển thị các phần tử khác nhau có điều kiện. Thành phần này chứa các tên lớp đặc biệt được sử dụng để tạo lưới gồm 3 phần tử trên mỗi hàng, bất kể số lượng đối số được truyền cho thành phần đó. Tôi đang sử dụng bản đồ để duyệt chỉ mục có điều kiện,

• Reacjs - Đạo cụ JSX tùy chọn trong các dự án TSX/JSX

  Tôi có một dự án React mà tôi muốn chuyển đổi từ JS sang TS. Một vấn đề tôi gặp phải là TSX React giả định rằng tất cả các thuộc tính được xác định trong một thành phần chức năng đều là đạo cụ bắt buộc. // ComponentA.tsx lớp C

• Xác nhận kiểu TypeScript/JSX chỉ hoạt động bên ngoài JSX

  Tôi có thành phần React được ánh xạ qua một mảng. Mỗi mục mảng có một loại ID tùy chọn. Nếu tôi có ID này, tôi sẽ hiển thị một phần tử, nếu không sẽ không có gì được hiển thị. Phần tử này có chức năng gọi onClick chấp nhận ID làm tham số

• android — stencilJS JSX sử dụng ref làm Prop

  Tôi hiện đang viết một thành phần stencilJS có phần tử ref mà tôi cần chuyển dưới dạng @Prop sang phần tử khác. Như thế này: this.canvas = el}> Khi tạo bộ chọn màu, this.canv

• JSX Truyền đối tượng vào giá trị của thẻ jsx trong React

  Tôi đang cố gắng chuyển đối tượng sang giá trị của thẻ jsx trong phản ứng. Tôi đặt giá trị của tùy chọn thẻ thành một đối tượng onChange. Tôi nhận giá trị trong thẻ và đặt trạng thái cục bộ bằng giá trị. Tôi điều khiển nhật ký trạng thái cục bộ nhưng nó trả về [ sự vật

• Loại phần tử JSX 'Line' không phải là hàm tạo cho phần tử JSX

  Tôi đang cố gắng xây dựng một ứng dụng trong React bằng Chart.js và Typescript, nhưng khi cố gắng hiển thị biểu đồ đường, tôi gặp phải lỗi trên ở dòng này: . "Gõ 'ChartCompone'

• Sử dụng styled-jsx, làm cách nào để sử dụng các kiểu được lưu trữ trên JSX trong các biến?

  Tôi đang sử dụng một biến để hiển thị có điều kiện các JSX khác nhau và biến đó không sử dụng các kiểu được xác định trong hàm gốc của nó. Làm thế nào tôi có thể làm điều này? Bạn có thể xem bản demo tại đây: https://codesandbox.io/s/styled-js

• javascript - Nextjs - Cách áp dụng styled-jsx cho jsx được trả về từ phương thức

  Sử dụng Nextjs và styled-jsx tôi đã viết thành phần sau. Bây giờ tôi muốn biết cách áp dụng styled-jsx cho jsx được trả về từ phương thức getLinks. Trong ví dụ bên dưới, từ getLinks

• Có thể trộn jsx phản ứng với các thành phần không phải jsx không?

  Vì vậy, câu hỏi của tôi bây giờ là nếu tôi có thành phần mẹ JSX nhưng tôi cần bao gồm thẻ html chẳng hạn. Tôi không nghĩ React JSX hỗ trợ nó (hãy sửa cho tôi nếu tôi sai) tôi có thể trộn các thành phần jsx và không phải jsx không? cá nhân tôi

• Đẩy phần tử JSX làm phần tử con của phần tử JSX khác trong một mảng (ReactJS)

  Tôi đang viết một ứng dụng phản ứng để in TreeView từ một mảng đối tượng lồng nhau. Mọi nút phải có thể thu gọn được (mở theo mặc định). Một nút có thể có số lượng nút con bất kỳ. Đây là ví dụ về điều tôi đang cố gắng đạt được: Tôi đang thu thập tất cả các thành phần nút vào

• Tìm kiếm plugin babel JSX tùy chỉnh chỉ đơn giản chuyển đổi jsx thành chuỗi được gắn thẻ

  Nó không phải là một dự án React, cũng không liên quan đến V-DOM. Tôi chỉ cần một trình biên dịch thời gian chạy jsx thành một chuỗi (HTML/XML) mà sau này sẽ được sử dụng làm phần tử.innerHTML = result nên được sử dụng làm hỗ trợ

• javascript — Buộc jsx bắt đầu trên dòng mới nếu jsx có nhiều dòng

  Khi jsx trải dài trên nhiều dòng, quy tắc eslint nào thích dòng trước hơn dòng sau? Hiện tại đẹp hơn đang thay đổi từ ưa thích thành notPreferred const ưa thích = (

• javascript - JSX phản ứng /jsx-curly-spacing IntelliJ

  Tôi đang sử dụng IDEA 2017.2. Tôi cần đặt kiểu mã JSX sao cho có khoảng cách giữa các dấu ngoặc nhọn, như { event.series }. Tuy nhiên, nó tự động định dạng nó là {event.series}