React Styled-Components如何样式化声明的组件

Question

我会再解释一次我的问题，以便更好地理解。 我需要样式化的组件，希望我在注入道具时能同时使用它。 我为此示例创建了更简单的代码：

import React from "react";
import styled from "styled-components";
import "./App.css";

const styledInput = styled.input`
  width: 300px;
  height: 300px;
  border: 2px solid black;
`;
const Input = props => {
  return <styledInput type="text" />;
};
const App = props => {
  return (
    <div>
      Text : <Input val={1} />
    </div>
  );
};

export default App;