Javascript 设置反应本机子组件

我试图通过props将数据从父组件发送到React Native中的子组件。

父组件

---

我认为最好的方法是使用对象扩展操作符：

const Input = ({ proportion, label }) => {
  const { inputStyle } = styles;

  return (
    <View style={containerStyle}>
      <Text>{label}</Text>
      <TextInput style={{...inputStyle, flex: proportion}} />
    </View>
  );
};

const style = {
  inputStyle: {
    flex: 2
  }
};

const输入=（{比例，标签}）=>{
const{inputStyle}=样式；
返回(
{label}
);
};
常量样式={
输入样式：{
弹性：2
}
};

---

您像const一样定义样式，因此会出现错误。您也可以通过let将其定义为变量。

我认为最好的方法是使用对象扩展运算符：

const Input = ({ proportion, label }) => {
  const { inputStyle } = styles;

  return (
    <View style={containerStyle}>
      <Text>{label}</Text>
      <TextInput style={{...inputStyle, flex: proportion}} />
    </View>
  );
};

const style = {
  inputStyle: {
    flex: 2
  }
};

const输入=（{比例，标签}）=>{
const{inputStyle}=样式；
返回(
{label}
);
};
常量样式={
输入样式：{
弹性：2
}
};

---

您像const一样定义样式，因此会出现错误。你也可以通过let像变量一样定义它。

RN中的另一种方法是

style={[inputStyle，{flex:proportion}}

@madox2，你的选择正好满足了我的需要，谢谢你，Mana，RN中的另一种方法是

style={[inputStyle，{flex:proportion}}

@madox2，你的选择正好满足了我的需要，谢谢你