//布局完成 =》 //功能 // 1默认显示密码组件 import PasswordC from './PasswordC' import PhoneC from './PhoneC' interface propsType{ Show:number } function FromContent(props:propsType){ return ( <div className="loginFormC"> {props.Show==1?<PasswordC></PasswordC>: <PhoneC></PhoneC>} </div> ) } // 自己这里 export default FromContent
时间: 2024-02-18 15:01:36 浏览: 91
你可以这样写:
```
import PasswordC from './PasswordC';
import PhoneC from './PhoneC';
function FromContent(props) {
return (
<div className="loginFormC">
{props.Show === 1 ? <PasswordC /> : <PhoneC />}
</div>
);
}
export default FromContent;
```
这是一个简单的函数组件,根据传入的 `Show` 属性来决定显示哪个组件。如果 `props.Show` 的值为 `1`,则渲染 `PasswordC` 组件,否则渲染 `PhoneC` 组件。注意,这里省略了 `propsType` 接口的定义,因为在 JavaScript 中不需要使用接口来定义类型。
相关问题
编写一个手机类phonec++
class PhoneC:
def __init__(self, brand, model, price, color):
self.brand = brand
self.model = model
self.price = price
self.color = color
def make_call(self, number):
print(f"Making a call to {number}...")
def send_message(self, message, recipient):
print(f"Sending message '{message}' to {recipient}...")
def take_photo(self):
print("Taking a photo...")
def play_music(self):
print("Playing music...")
阅读全文