字符串的React-TypeScript道具接口

Question

我试图将标题传递给子模态组件

<Modal title='Register'/>

const Modal有错误

类型“（道具：PropsWithChildren）=

import React from 'react';

interface propsInterface {
    title: string; 
}

const Modal: React.FC<propsInterface> = (props) => {
  return (
    {props.title}
  );
}

export {Modal};




Answer 1

您刚刚忘记返回jsx

const Modal: React.FC<propsInterface> = (props) => {
  return (
    props.title
  );
}

或

const Modal: React.FC<propsInterface> = (props) => {
  return (
    <span>{props.title}</span>
  );
}