Reactで文字列結合をする方法

Reactで文字列結合をする方法

Reactで文字列を結合するには、JavaScriptの文字列操作方法を使うことができます。
以下は簡単な例です。

import React from 'react';

const StringConcat = () => {
  const str1 = "Hello, ";
  const str2 = "World!";
  const combinedStr = str1 + str2; // 文字列の結合

  return (
    <div>
      <p>{combinedStr}</p>
    </div>
  );
};

export default StringConcat;

この例では、str1とstr2を結合してcombinedStrを作成し、それをJSXの中で表示しています。

他の方法として、テンプレートリテラルを使用することもできます。

import React from 'react';

const StringConcat = () => {
  const str1 = "Hello, ";
  const str2 = "World!";
  const combinedStr = ${str1}${str2}; // テンプレートリテラルを使った文字列の結合

  return (
    <div>
      <p>{combinedStr}</p>
    </div>
  );
};

export default StringConcat;

どちらの方法も特別なライブラリのインストールは必要ありません。