2019-03-01から1ヶ月間の記事一覧

React/TypeScriptにおけるJSX element has no corresponding closing tagの解決法

.tsでジェネリクスを使用して,アロー関数の型宣言を行う方法 const hello = <T>(name: T) => { return name; } // hello<string>("igarashi"); これをそのままjsxに記述すると<T>がコンポーネントとして認識されてしまい, TS17008: JSX element 'T' has no corresponding</t></string></t>…

Optionに付与されたカスタムデータ属性の取得方法(React)

import React from "react"; const Option = ({ ops }) => { return ( <React.Fragment> {ops.map((op, index) => { return ( <option key={index} value={op.value} data-value={op["data-value"]}> {op.value} </option> ); })} </React.Fragment> ); }; const Select = ({ children, onChange }) => { return